Data Visualization Generator
Paste CSV or JSON and turn it into a chart you can download as SVG — all in your browser.
Paste data above (or load the sample) to generate a chart.
How the data visualization generator works
Paste a two-column CSV (label, value) or JSON — an array of {label, value} objects, [label, value] pairs, or plain numbers — and the tool charts it instantly. A header row is auto-detected; the first text column becomes the labels and the first numeric column the values. Switch between bar, line, and pie, then download a crisp, resolution-independent SVG you can drop into a slide, doc, or README. Everything renders locally — your data is never uploaded.
Need to reshape the data first? Convert with the CSV to JSON tool, clean it with CSV Cleaner, or compute stats with the Average Calculator.
Built and maintained by Meet Shah · Last updated
What this tool is used for
- Getting a quick chart from a CSV without opening a spreadsheet.
- Producing an SVG chart for a document that must stay crisp at print size.
- Sanity-checking a dataset's shape before building a real visualisation.
- Making a chart from data you should not upload to a hosted tool.
- Producing a figure for a report from a small dataset.
Frequently Asked Questions
- Which chart type fits which question?
- Bars compare magnitudes across categories, lines show change over a continuous axis, and pies show parts of a whole — and only convincingly with a handful of slices, because comparing angles is measurably harder than comparing lengths. Picking by appearance rather than by question is the usual mistake.
- Should a bar chart's axis start at zero?
- For bars, yes — the bar's LENGTH is the encoding, so truncating the axis makes a 2% difference look like a 10× one. Line charts are different: they encode change rather than magnitude, so a non-zero baseline is legitimate and often necessary to see the shape at all.
- How many series can one chart carry?
- Around five before the legend becomes the work. Beyond that, small multiples — one small chart per series on a shared scale — read faster than a single chart with ten overlapping lines, because comparison happens by position rather than by colour matching.
- Why does the palette matter for accessibility?
- Because roughly 8% of men have some red-green colour deficiency, so a red-versus-green series pair is unreadable for a substantial minority. Vary lightness as well as hue, and where the chart is critical, add a second channel — a dash pattern, a direct label — that does not depend on colour at all.
- Is SVG or canvas the better output?
- SVG for anything under a few thousand points: it stays sharp at any zoom, each element is real DOM that can be styled and made accessible, and it prints well. Canvas wins on volume — tens of thousands of points render as pixels with no per-element cost, at the price of losing all of that.
Common errors and gotchas
- Choosing a pie chart for more than a handful of categories, where the slices become unreadable.
- Starting a bar chart's axis anywhere but zero, which exaggerates differences.
- Encoding a series by colour alone, which excludes readers with colour vision deficiency.
- Plotting a category as a line chart, which implies a continuity that is not there.
- Omitting axis labels and units, which makes the chart unusable outside its original context.