Chart Maker
Turn a list of labels and values into a bar, line, area, pie or donut chart — a downloadable, self-contained SVG built entirely in your browser, no signup or upload required.
Input
One row per line: a label, then a comma (or colon/tab), then a number.
Chart type & style
Display
Output
Your chart will appear here.
| Metric | Value |
|---|---|
| No data yet | |
Guides
Turn a short list of labels and numbers into a bar, line, area, pie or donut chart — a clean, self-contained SVG you can copy or download in seconds. This free online chart maker runs entirely in your browser: nothing you type is ever uploaded.
How to use it
- Enter your Chart data, one row per line: a label, then a comma (or colon/tab), then a number — e.g.
Jan, 420. - Pick a Chart type (vertical bar, horizontal bar, line, area, pie, or donut) and a Canvas size.
- Choose a Color palette, and optionally Sort by value to rank categories from highest to lowest.
- Under Display, toggle Show value labels (raw numbers or percent of total), Show legend, and Show gridlines to taste.
- Copy the SVG source or download it — it's a self-contained file with no external dependencies, so it drops straight into a doc, deck or web page.
Why is the output SVG instead of a PNG?
SVG scales to any size without pixelation, stays tiny to download, and can be edited afterward (colors, labels, fonts) in any vector editor or text editor — and it's what lets this tool run without a <canvas> at all, so your data never leaves your browser.
What formats can I paste into "Chart data"?
Any of these separators work on each line: Label, Value, Label: Value, or Label<TAB>Value. Values can include $, % or thousands separators (1,234) — they're stripped automatically before parsing. Rows that don't parse to a label and a number are skipped.
Pie and donut charts show blank — why?
Pie and donut slices are sized by each value's share of the total, so at least one value needs to be greater than 0. Negative or zero values are excluded from the slice math (they'd have no visual angle to draw).
Is my data uploaded anywhere?
No. Parsing and chart layout both run locally in your browser; your data is never sent to a server.
Need a different kind of data visualization?
Use the Word Cloud Generator to visualize text frequency instead of numbers, or the CSV to JSON Converter if you need to reshape tabular data first.
Use it from code
From 3 credits per callREST API
curl -X POST https://api.iotools.cloud/v1/tool/chart-maker \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"data": "Jan, 420\nFeb, 380\nMar, 510\nApr, 460\nMay, 590",
"chartType": "bar",
"title": "Monthly Sales",
"canvasSize": "medium",
"palette": "vibrant",
"sortOrder": "none",
"showValues": "true",
"valueLabel": "value",
"showLegend": "",
"showGridLines": "true",
"bgColor": "#ffffff"
}'Swap in your own key from your account. The tool's fields are the body — no wrapper.
Ask an AI agent
Use the IOTools `chart-maker` tool (Chart Maker) on this input:
YOUR_INPUT_HEREPaste this at any agent connected to the IOTools MCP server, then add your input.