← Toolz / Design & Color / Chart Maker

Chart Maker

Turn a small table of numbers into a polished chart — bar, line, pie, doughnut, radar and more — rendered by the Chart.js engine right in your browser. Paste data in the simple format shown, restyle it, and download a print-ready PNG, a vector SVG, or a standalone HTML page of your chart. Nothing is uploaded; your numbers stay yours. Presenting the data afterwards? The Flowchart Maker covers the diagrams.

Format: first row names the series, first column holds the labels, one row per label — exactly like a spreadsheet copied as text. Pie, doughnut and polar charts use the first series.

For reports, homework, dashboards and social posts — honest charts from your own numbers in under a minute.

100% free · No sign-up · No daily limits · No watermarks · Processed in your browser — files never leave your device

UNDERSTAND YOUR RESULTS

Chart Maker — Bar, Line, Pie & Radar Charts from Your Data guide

Make clean, honest charts in your browser: paste a small table of numbers, pick bar, line, pie, doughnut, radar or polar style, restyle the colours and download a crisp PNG, a vector SVG or a standalone HTML page of your chart for your report, slides or homework. Powered by Chart.js — your data is never uploaded.

How to use this tool

  1. Type or paste your data in the box: the first row names the series (Month, Sales, Expenses), the first column holds the labels, and each following row is one label with its numbers. Copying straight out of Excel or Google Sheets works too — tabs are read just like commas. The examples show the format; editing them is the fastest way to learn.
  2. Choose the chart type that fits the story: bars compare amounts, lines show change over time, pie and doughnut show shares of a whole (they use the first series), radar compares profiles across several measures.
  3. Style it: set the title, pick a colour palette, toggle the legend, stacking, smooth lines and gridlines. Then download: the PNG (regular size for documents, or the large version for slides and print), the SVG — a true vector that stays sharp at any size — or the HTML, a single self-contained page with your chart inside that opens in any browser, even offline.

A worked example

A café tracking its week: labels Mon–Sun, one series "Coffees" and one "Pastries", a bar chart in the Indigo palette — the owner sees at a glance that Saturday pastries outsell every other day and orders accordingly. Switch the same table to a line chart and it tells the growth story for the bank instead.

How it works

Charts are drawn by Chart.js, the most widely used open-source charting library on the web, onto a canvas in your browser, and they animate smoothly as you edit — slices, bars and lines sweep to their new values instead of jumping. Every export paints a white background behind the chart so it looks right inside documents; the large PNG re-renders the same configuration on a 1600 × 1000 canvas for double the resolution; the SVG export renders the same configuration through a canvas-to-SVG converter, so shapes and labels stay clean vectors; and the HTML export inlines the Chart.js engine together with your chart configuration into one file — no internet needed, and the chart still animates when the page opens.

Frequently asked questions

How do I chart data from Excel or Google Sheets?

Select the cells including the header row, copy, and paste straight into the data box. Spreadsheet pastes arrive tab-separated, and the parser reads tabs exactly like commas.

Which chart type should I pick?

Comparing values: bar. Change over time: line. Parts of a whole: pie or doughnut — keep it to about six slices. Comparing several measures across a few items: radar.

Why does my pie chart only show one series?

A pie can only show one set of shares, so it uses the first series in your data. Put the series you want first, or switch to a bar chart to compare several series.

Can I use the chart commercially?

Yes — the chart is yours. Chart.js is MIT-licensed open source, and nothing here restricts what you do with the output.

PNG, SVG or HTML — which should I download?

PNG for documents and messages (the large version for slides and print). SVG when the chart must scale without going fuzzy — a web page, a design tool, print at any size. HTML when you want to share the chart as a page of its own: it is one file, opens in any browser with no internet connection, and the chart still animates and redraws to fit its window.

Is my data uploaded?

No — parsing and rendering happen entirely in your browser. Your numbers never leave your device.