ChartKit

CSV to chart

Skip retyping: paste rows from Excel or Sheets, map columns into the generator, then copy URL, HTML, or Markdown.

or drag and drop a .csv file here

Best for small exports (under 2MB / ~500 rows). Large files are trimmed automatically.

Preview

Column mapping

3 columns detected

Set each column's role, rename it for the legend, and edit values inline. Changes apply to the chart live.

text

Jan, Feb, Mar

numeric

12000, 18000, 15000

numeric

2000, 3500, 2800

Charting 2 series against Month.

Chart options

Advanced

Makes X and Y axis labels larger. Applies to bar, line, area, and horizontal bar charts.

Your data stays private

Heuristic parsing and the live preview run locally in your browser. We do not save or sell uploaded files.

PNG download and shareable chart URLs send chart values to our servers (routine request logs only — not stored).

What the CSV box understands

The importer detects columns automatically. Pick a label column and up to five numeric series. Wide exports show a column-mapping panel under the preview.

Best for small exports (under 2MB or about 500 rows). Larger files are trimmed automatically so the page stays responsive. You can still adjust title, chart type, and format after import.

How CSV becomes a chart in ChartKitA three-step diagram: paste CSV rows with headers, assign columns as labels or numeric series, then preview an embeddable bar chart.1. Paste CSVMonth,RevenueJan,12000Feb,18000Mar,150002. Map columnsMonth → LabelsRevenue → SeriesUp to 5 series3. Chart previewJanFebMarRevenue by month
CSV headers become chart labels and numeric columns become series — then copy URL, HTML, or Markdown.

Auto column detection

Headers become legend names. Numeric columns are suggested as series; text columns are suggested as labels.

Up to 5 series

Map columns manually for wide exports — pick labels and numeric series, ignore the rest.

Large files trimmed

Exports over 2MB or about 500 rows are trimmed so the page stays fast — you can still edit values inline.

Data stays in your browser

Parsing and preview run locally. Values only reach our servers when you render a PNG or use a live chart URL.

Use cases

Use case 1

You exported three columns from a spreadsheet — month, revenue, cost — and want a chart in a write-up without opening a BI tool or retyping numbers.

Use case 2

A colleague emailed you a `.csv` snippet; paste it here instead of transcribing into the chart maker by hand.

Use case 3

You asked ChatGPT or Claude for CSV with a header row from your narrative numbers, then paste that output straight into this page.

Examples

CSV you might paste

Quarter,ARR,Churn%
Q1,1200000,2.1
Q2,1280000,1.9
Q3,1350000,1.8

Resulting style of URL (after you pick type and format)

Exact string depends on your choices in the form; this shows the shape.

https://getchartkit.com/api/chart?type=line&labels=Q1,Q2,Q3&s0=1200000,1280000,1350000&s0name=ARR&s1=2.1,1.9,1.8&s1name=Churnpercent&title=Quarterly+trend&valueFormat=compact&format=svg

Single-series CSV

City,Population
Metro A,4200000
Metro B,2900000
Metro C,1800000

How it works

Upload a `.csv` file, drag-and-drop onto the upload zone, or paste CSV below. Open column mapping for wide exports.

Review the live chart preview, adjust title, chart type, and value format under it, then copy URL, HTML `<img>`, or Markdown embeds.

Publish the chart URL in a doc, blog, or newsletter — or download PNG when your template needs a raster image.

Use with ChatGPT or Claude

Ask ChatGPT or Claude for “CSV with header” from your narrative numbers, paste here, then fix chart type before publishing.

If you only ever need one chart type, the focused generators - bar, line, pie - skip an extra click.

FAQ

Is CSV to chart free?

Yes for manual use through this UI. Bots should respect posted rate limits.

How many columns are supported?

Up to five numeric series after the label column. Extra columns can be ignored via the column mapper. Files over 2MB or 500 rows are trimmed automatically.

Can I embed in Markdown after import?

Yes. Once the preview looks right, use the Markdown copy button.

Can I use charts in email?

Use the PNG option if your ESP prefers raster images; link the `<img>` to your chart URL.

Where are query parameters documented?

See URL parameters.

More ChartKit tools