CSV Tools New Tool

Free Online CSV Chart Maker, Bar, Line, Pie and Scatter

Make a chart from a CSV in your browser and download it as a PNG or a vector SVG. Bar, grouped bar, stacked bar, horizontal bar, line, area, pie and scatter, with a colourblind safe palette that was tested rather than chosen by eye. Nothing is uploaded and no charting library is downloaded.

Free Forever Nothing Uploaded Eight types PNG and SVG

Free Online CSV Chart Maker, Bar, Line, Pie and Scatter

Advertisement Slot (Top Banner) Google AdSense Unit • Responsive Banner

CSV Chart Generator Your file is read inside this tab. Nothing is uploaded anywhere.

Drop your CSV file here One file. The first column is usually the labels and the rest are the values. Choose a file Up to 25 MB per file. Nothing is uploaded.

Or paste it

Reading the file Separator First row is a header Trim spaces around values

Chart

Columns Labels from Values from

Titles

Shape Size Show gridlines Write the value on each mark Start the value axis at zero Draw it for a dark background

Download The SVG stays sharp at any size and can be edited later.

0 points 0 series - lowest - highest

Your data

Nothing to show yet.

The chart

Buy Us A Coffee

Enjoying WizTools123? Help keep our server infrastructure 100% free and open for everyone.

Buy Us A Coffee

Sponsored Content (Below Tool) Google AdSense Placement

How to Make a Chart From a CSV

A few steps, and nothing is uploaded.

Drop the file in One CSV, or paste the rows. The first column is usually the labels and the rest are values.

Choose the chart and the columns Pick the label column, then type or click the value columns. The note beside the chart menu says when a type does not suit your data.

Add titles A title and axis labels make the difference between a chart somebody can read and one they have to be told about.

Download a PNG or an SVG PNG for a document or a message. SVG for anything that will be printed, resized or edited later.

What to Know About These Charts

Why some choices are not offered at all.

There is no second value axis, and that is deliberate. Two measures on different scales with two y axes is the most misleading chart in common use: the crossing point depends entirely on where the two axes are set, so the same data can be made to tell opposite stories. Two charts, or values indexed to a common base, say the true thing instead.

The colours were tested rather than chosen. Each palette was checked for lightness, for contrast against its background, and for how far apart the colours stay under the common forms of colour blindness. The brand green and orange failed that last check together, so the chart palette is not the site palette. A legend is always drawn when there is more than one series, so colour is never the only thing carrying identity.

Six series is the limit, and past that it refuses rather than repeating a colour. Reusing a colour means two different things look identical, which makes the chart actively wrong. Beyond six, the honest fixes are fewer series, grouping the small ones together, or several charts side by side.

Starting a bar axis anywhere but zero exaggerates differences. A column rising from 98 to 100 looks like a tripling if the axis starts at 97. The zero switch exists because a line chart of something that never goes near zero is a legitimate exception, but on bars it should stay on.

A pie chart only works for parts of one whole, and only for a few of them. Anything past about six slices becomes unreadable, and comparing slices by angle is harder than comparing bars by length. If the question is "which is biggest", bars answer it better. Pies are offered because sometimes the audience expects one.

A scatter plot needs two numeric columns, not a label and a value. The label column becomes the horizontal position, so it has to hold numbers. If it holds names, the chart has nothing to plot across and the note will say so.

The SVG is a real vector file. It can be scaled to a poster, recoloured, or edited in a drawing program. The PNG is produced from the same drawing, so the two are identical except that the PNG stops being sharp when enlarged.

Key Features & Capabilities

What this tool does, and what it deliberately does not.

Nine chart types Bars, grouped, stacked, horizontal, line, area, pie, doughnut and scatter, from the same columns.

Tested colours Palettes checked for contrast and for colour blindness separation, with separate steps for a dark background.

PNG and vector SVG The same drawing either as a picture for a document or as a vector that stays sharp and stays editable.

No second axis The most misleading chart in common use is simply not available, because the same data could tell opposite stories.

No library fetched The chart is drawn by the page itself, so nothing is downloaded and it works with the network off.

Nothing is uploaded Sales figures are charted inside this tab and never sent anywhere.

About the CSV Chart Generator

Charting a CSV usually means opening a spreadsheet, inserting a chart, and then fighting its defaults: a legend nobody needs, gridlines in the wrong colour, a title that says "Chart 1". For a quick picture to paste into a message or a document that is a lot of clicks, and the result rarely looks like it belongs anywhere.

The interesting part of building a chart tool is what to leave out. A second value axis is the obvious example. It is a popular feature and it produces charts that cannot be read honestly, because where the two axes are set decides where the lines cross, so the same numbers can be arranged to show a crossover that is not there. Leaving it out is better than offering it with a warning.

The colours are the other place where the usual approach fails quietly. Picking pleasant looking hues produces palettes that collapse for the roughly one person in twelve with some form of colour blindness, and the site own brand green and orange are an example: side by side in a chart they are nearly indistinguishable for the most common type. So the chart palette was derived from the brand and then measured, and the colours that failed were replaced, which is why the chart does not use exactly the colours of the page around it.

Frequently Asked Questions

Chart types, colours, series limits and downloads.

Because where you set each axis decides where the two series appear to cross, so the same data can be made to show opposite conclusions. Two separate charts, or both series indexed to a common starting value, show the real relationship.

Because the brand green and orange are nearly identical for the most common form of colour blindness, and the green is too light to read against white. The chart palette keeps the brand purple and replaces the colours that failed the checks.

It stops at six and tells you. Reusing a colour for a seventh series would make two different things look the same, which is worse than refusing. Group the small series together or use more than one chart.

On bars, yes, always. The length of a bar is the value, so a cropped axis makes a small difference look enormous. On a line chart of something that never approaches zero, such as a temperature, cropping is reasonable.

PNG for a message, an email or a document that will be read at one size. SVG for anything printed, projected, resized or edited later, since it stays perfectly sharp and the text in it remains text.

Because a scatter plot needs numbers on both axes, and the label column holds text. Choose a numeric column for the labels position, or use bars, which are designed for a category against a value.