Use this free online chart maker to turn your data into bar, line, pie and other charts. Edit, style, animate and export your chart, with no signup.
5.0(1 rating)Chart examples in every NM style
Explore 16 examples in five NM styles. Compare light and dark, open a larger preview, or load an example to edit and animate it. Undo returns to your previous work.
One idea, five styles
Compare the same editable chart before choosing a style.
This free online chart maker turns a table of numbers into a visual you can use in a report, slide or article. Paste a spreadsheet table, import a CSV, or edit the example data directly.
Choose a chart that fits the question you want to answer, then adjust its labels, colours and size. You can work on a light or dark canvas, preview an animation and download a finished image or editable project.
The example figures are there to show how the tool works. Replace them with your own data and add a source before sharing the result.
There's no signup. Your data is processed in the browser and stays on your device unless you export or share it yourself.
What is a chart maker?
A chart maker is a tool that turns numbers into a visual comparison. You enter data, choose a chart type and give it labels so someone can see a pattern, a difference or a change over time.
A bar chart compares categories. A line chart shows an ordered series. A heatmap uses color to show where values are higher or lower. The right choice depends on what you want the reader to understand.
This chart maker has 16 chart types, an editable data table, CSV and spreadsheet paste, light and dark canvases, animation and downloadable files. You can also keep an editable copy on your whiteboard.
Who is the chart maker for?
It's for anyone who has numbers to explain in a report, lesson, post or presentation. You can work from a small table without setting up a dashboard or writing code.
| Who it's for | What you can show |
|---|---|
| Creators and educators | Survey results, comparisons and figures for an article or lesson |
| Founders | Monthly results, spending and progress toward a goal |
| Marketers | Traffic sources, campaign figures and conversion stages |
| Teams and consultants | Project reports and client updates with a clear source |
| People tracking activity | Daily activity, hourly patterns and changes over time |
Use your own figures and state what they measure. The example data helps you try the controls; it isn't a live feed from an analytics account.
How to make a chart
Start with a small table. Put category names in the first column and numerical values in the columns after it. The column headings become the series labels.
You can paste tab-separated cells copied from a spreadsheet. Include the header row, keep the same number of columns on each row, and use a decimal point in numerical values.
Leave a value empty when it is missing. Don't replace missing information with zero unless zero is what the data actually means.
Which chart should you choose?
Choose based on the comparison someone needs to make. A chart with fewer decoration choices is often easier to understand because the data gets more room.
| Question | Chart to try |
|---|---|
| Which category is larger? | Bar chart |
| How did the value change? | Line or area chart |
| What makes up the total? | Pie, donut or treemap |
| What are the headline numbers? | Statistic cards |
| Where does volume drop between stages? | Funnel chart |
| What contributed to the final change? | Waterfall chart |
| How do two measurements relate? | Scatter plot |
| Where are values concentrated? | Matrix heatmap |
| Which days had activity? | Activity heatmap |
| Which hours are busiest? | Hourly heatmap |
| How does volume move between groups? | Sankey diagram |
A line chart is a good default for an ordered series such as weekly visitors. A bar chart is better when the categories have no natural sequence. A pie chart needs parts of one meaningful total; unrelated metrics do not belong in the same pie.
The activity heatmap uses the same restrained colour ramp as the NM GitHub calendar. Import a date and value for each day, or use the hourly version for a 7-day view.
Both distinguish missing data from a known zero. The example activity is illustrative; it is not connected to your GitHub account.
Radar and polar charts are also available. Use them when the audience understands how to read the shared scale, and keep the number of categories manageable.
Prepare the data before styling it
Check the units, period and definitions before you change colours. “Revenue” might mean gross sales, collected payments or revenue after refunds. The title and source should make that clear.
Use the value suffix for a short unit such as “USD” or “visits.” Keep numerical cells plain: enter 1250.5 rather than 1,250.5, $1250.5 or 1250.5 USD. The chart formats the display separately.
Different chart types need different tables:
- Most charts: category in the first column, values in the following columns.
- Scatter: label, x value and y value, with an optional size column.
- Sankey: source, target and value. Flows must not form a cycle.
- Waterfall: label and a signed change for each step.
Pie, donut, treemap, polar, radar, Sankey and funnel charts require non-negative values. A pie also needs a positive total. The editor shows an error when the data cannot support the selected chart.
Make a chart that is easy to read
Give the chart a title that describes what it measures. Add a short description when someone needs the period, audience or context to interpret it.
Use a light or dark canvas independently of the site's theme. Choose an accent colour that works with the background, and keep category names short enough to read at the intended size.
Turn value labels on when they help with an exact comparison. For a dense line chart, the trend may be clearer with fewer labels. The data table stays available for editing either way.
The Style panel includes workspace, 16:9 presentation, square and portrait sizes. Some layouts expand to fit long legends or additional cards. Check the final dimensions shown above the preview before exporting.
Animate the change for a presentation
Open Motion to choose a still or reveal animation. Replay, pause and scrub through the result before exporting it.
The completed animation ends at the real values in your table. It runs once and stops, and reduced-motion preferences are respected. Animation should support your explanation; the final still should carry the same meaning.
An Animated HTML export keeps the chart and playback controls in a downloadable page. PNG, JPG, WebP, SVG and PDF exports capture the completed chart.
Put the chart into a larger plan
Choose Add to whiteboard to place the chart beside a funnel, diagram or screenshot. Its data and appearance settings travel with it.
To revise it later, select the chart on the board and choose Insert → Edit selected visual. Change the data and choose Update on board to replace that chart in place.
A funnel chart shows quantities at successive stages. A funnel map shows the pages, messages and decisions along the journey. Use the whiteboard to put the two together, and label any planning assumptions so they are not mistaken for measured results.
Save a file you can use again
Browser saving is convenient, but it is not a backup. Download an editable project if the chart matters to your work.
| Download | What it keeps |
|---|---|
| Editable project | Data, labels, chart type, theme and motion settings |
| SVG | The completed chart as vector artwork and text |
| PNG, JPG or WebP | A still image at the chosen export resolution |
| A page containing the completed chart | |
| Animated HTML | The visual, animation and browser playback controls |
CSV imports support up to 2,000 rows and 32 columns. Large datasets can make a chart crowded or slow to render; summarise the data when individual points are no longer useful to the reader.
For steps and relationships without numerical data, use the diagram maker. You can keep charts and diagrams together on a board while preserving the editable source for each one.
Chart maker FAQs
Questions about making a chart? Here's what to know.
A chart maker turns a table of numbers into a visual comparison. You enter your data, choose a chart type and add labels so someone can understand a pattern or change.
This one works in your browser with editable data, styles, animation and exports.
A chart usually shows numerical data, such as values, trends or proportions. A diagram shows relationships, steps or structure.
Use Chart Maker for numbers and Diagram Maker for a workflow or system map. Both can be added to the whiteboard.
It is for creators, founders, educators, marketers and teams who need to explain numbers in a post, lesson, report or presentation. You can start with a small table without writing code.
Yes. Editing and exports run in your browser without an account or paid rendering service.
Yes. Use Paste table for tab-separated cells, including the header row, or import a CSV. CSV imports support up to 2,000 rows and 32 columns within the 500 KB file limit.
Use plain numbers in numerical cells and leave missing values empty.
An activity heatmap shows a value for each day using a color scale. It can help you see busy periods or gaps over time.
This tool includes daily and hourly heatmaps. You provide the data; the example is not connected to your GitHub account. Missing data is kept separate from a known zero.
Yes. Choose the canvas theme in Style, independently of the site theme. You can change the accent, background and corner radius too.
Yes. Download an editable .nmvisual project and open it in Chart Maker. It keeps the data, labels, chart type, appearance and motion settings.
Your browser draft is convenient, but downloading the project gives you a backup.
Yes. Choose Add to whiteboard. On the board, select the chart and choose Insert → Edit selected visual to reopen its source.
Choose Update on board after changing it. The board image updates in place.
Animated HTML includes the chart and playback controls. PNG, JPG, WebP, SVG and PDF export a completed still.
The editable project preserves your motion settings. Video and GIF export are not included.
No. You enter or import the numbers yourself. The tool does not fetch live account statistics or verify where the data came from.
Add a source and date so someone reading your chart can understand what the figures measure.
This chart maker is built by Navid Moazzez and Navid Media. It shares its editor and visual styling with Diagram Maker and the visual editor inside the online whiteboard.
Navid Moazzez
AI business strategist & AI OS builder
Navid Moazzez helps creators and founders master AI and build their own AI Operating System (AI OS) to automate their business and life.
Navid.me is reader-supported. When you buy through links on this site, I may earn an affiliate commission. Learn more.
More free tools
X
Bluesky
LinkedIn
Threads
Mastodon
Instagram
TikTok
Pinterest
YouTube
Amazon KDP
Apple Books
Amazon
Substack
Spotify
Apple Podcasts
Free AI newsletterThe most actionable AI newsletter for founders
Every week, get proven AI strategies, curated tools, and step-by-step systems to grow your audience, create better content, and build a profitable creator business.
No fluff, no filler, no BS. Just five minutes each week that might level up your online business and life.
P.S. Sign up now to get free access to my ultimate AI tools guide for creators.
