Chart maker

How to Download the chart

1. 1

   Type or paste your data

   Fill in the grid, paste a range straight out of Excel or Google Sheets, or load a CSV file. The first column holds the category labels and every column after it becomes a series.

2. 2

   Pick a chart type and colours

   Switch between bar, horizontal bar, line, area, pie and donut, choose a palette, add a title and axis labels, and set the exact pixel size you need.

3. 3

   Download the PNG or SVG

   Save a ready-to-use PNG for a slide deck or a document, or an SVG whose text stays editable in Figma, Illustrator and Inkscape.

How your table becomes a chart

The first column is read as the category axis and every remaining column becomes one series, so a table of months against four regions gives you four bars per month. If the first row contains text where numbers would be, it is treated as the header and its cells become the series names in the legend; otherwise the series are numbered. Pasting is delimiter-aware: tabs, semicolons and commas are all detected from the first few lines, which means a range copied from Excel, a European CSV exported with semicolons and an ordinary comma-separated file all land correctly without you choosing anything. A cell that holds text instead of a number does not silently become zero; it is reported with its row and column so you can fix the source, while a genuinely empty cell is treated as zero, which is what a gap in an export almost always means.

Why the axis lands on round numbers

Axis ticks are picked with the classic nice-numbers rule: the step is always 1, 2, 5 or 10 times a power of ten, chosen so the axis ends up with between four and eight divisions. A series peaking at 780 therefore gets an axis of 0, 200, 400, 600, 800 rather than an ugly 0, 156, 312 and so on. Bar and area charts always start their value axis at zero, because a truncated baseline exaggerates differences and is the single most common way a chart misleads its reader. Line charts keep the freedom to zoom in on the interesting band, since a line is read as a trend rather than as a comparison of areas.

PNG for slides, SVG for editing

The PNG is rendered on a canvas at whatever pixel size you ask for, up to 4096 across, and at the pixel ratio of your screen, so it stays crisp on a retina display and in a projected slide. The SVG is not a trace of that image: it is written out separately from the same geometry, as rectangles, paths and real text elements. That distinction matters the moment somebody opens the file in a vector editor: they can restyle a series, correct a typo in the title or change the font, none of which is possible with a rasterised chart.

Frequently asked questions