Online Chart Maker
GeneratorsEverything runs locally in your browser — nothing is uploaded
Paste your data on the left and the chart is drawn on the right, ready to copy as SVG source or download as a `.svg` file. The output is SVG source, not a bitmap. That is what makes it better than screenshot-style chart tools: SVG is vector, so it stays sharp at any size and drops straight into a web page, Word or Illustrator, with a file that is usually a few kilobytes. The price is computing the coordinates yourself — but a charting library could not be loaded on this page anyway, since that would cost every visitor a few hundred extra kilobytes. The data format is “label,value”, one per line. Commas, tabs, semicolons and spaces all work, and a column copied out of a spreadsheet is usually already in that shape; quoted thousands separators like `"1,200"` from Excel are read correctly too. The label may be omitted, in which case rows are numbered. Scatter is the exception: it wants two numbers per line, x and y. Axis ticks are rounded to readable numbers. With a maximum of 97, drawing the axis to exactly 97 produces ticks like 0 / 24.25 / 48.5, which nobody can read; so the bounds are rounded up to multiples of 1, 2 or 5 — 97 becomes 100, giving 0 / 25 / 50 / 75 / 100. Every serious charting library does the same. ⚠️ Rows that do not parse are skipped, and the chart says how many — quietly dropping a row would leave you a bar short while believing all the data made it in.
Features
- Five chart types: bar, line, pie, scatter and radar
- One “label,value” per line, split on commas, tabs, semicolons or spaces
- Quoted thousands separators from Excel, such as "1,200", are read as 1200
- Axis ticks rounded to readable numbers (97 becomes 100, with a step of 25)
- Scatter and radar compute their own value axes
- Title, main colour, size, grid lines and value labels are all adjustable
- A single-point pie chart is drawn as a full circle — an arc with coincident endpoints is not rendered at all
- Labels and titles are XML-escaped, so text containing `<` or `&` cannot break the SVG
- The exported SVG carries xmlns and can be used directly as a file
How to use
- Paste your data on the left, one “label,value” per line
- Pick a chart type and adjust the title, colour and size if you want
- Watch the preview; then copy the SVG source or click Download .svg
FAQ
- Can I paste straight from Excel?
- Yes, and that is the most common use. Select two columns, copy, and paste — it arrives as “label<Tab>value” or “label,value”, and both are understood. Quoted thousands separators are handled too: when Excel exports CSV it writes `1,200` as `"1,200"`, and splitting naively on commas would cut that into `"1` and `200"`, neither of which is a number. The splitter here respects quotes. Scatter is the exception and wants two numbers per line (x and y).
- Why is the axis maximum 100 when my largest value is 97?
- Because ticks are rounded to readable numbers. Drawing the axis to exactly 97 with five divisions gives 0 / 24.25 / 48.5 / 72.75 / 97 — useless to read. So the bounds are rounded up to multiples of 1, 2 or 5 (nice-number rounding, which every charting library does), putting 97 at the top of an axis that reads 0 / 20 / 40 / 60 / 80 / 100. The extra headroom is padding, not a data error.
- Can I use the result in PowerPoint or a document?
- Yes. “Download .svg” gives you a complete vector file that Word, PowerPoint, Illustrator and Figma all accept, and it stays sharp when enlarged. If your target will not take SVG (older Office builds, or some chat apps), open the file in a browser and export a PNG instead — the reason to start from SVG is that a vector has no substitute when the size has to change. Scatter wants two numbers per line (x and y).
Related tools
Gradient Colours
Lookups180 ready-made gradients with a live preview and copyable CSS. Search by name, by colour or by hue family, and lift a single colour out of any gradient.
Colour Schemes
LookupsEnter a base colour and get seven harmonies — monochromatic, analogous, complementary, split, triadic, tetradic, neutral — each with when to use it.
SVG Editor
ImagesWrite SVG on the left, see it render on the right. Switch backdrops (checkerboard, light, dark) and get checks for xmlns, viewBox and external references.
UUID Generator
GeneratorsGenerate a column of UUID v4, v7, ULID, NanoID or MongoDB ObjectId values, one per line, ready to paste into a spreadsheet. Runs in your browser.
Lorem Ipsum
GeneratorsGenerate placeholder text as Latin lorem ipsum, English sentences, Chinese or Japanese filler, in paragraphs, sentences or words — all in your browser.
Mock Data
GeneratorsDescribe your fields once and get realistic mock records, exportable as JSON, CSV, TSV, SQL, XML, YAML or TOML. All generated in your browser.