ChartKit

Table to chart

Tables and charts share the same underlying grid: rows of labels and numbers. Paste CSV below, apply, then pick chart type and copy embeds.

From grid to graphic

Export or copy your table as comma-separated text with a header row. ChartKit maps column A to `labels` and the next columns to series - same behavior as CSV to chart, framed for “table” workflows.

Complex merged cells or formulas should be flattened before paste.

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.

Use cases

Use case 1

Copying a three-column Notion table: category, value, second metric.

Use case 2

Pulling a summary table out of a Google Doc into a chart for a PDF appendix.

Use case 3

Turning a Markdown pipe table into CSV in your editor, then pasting here.

Examples

Table as CSV

Region,Leads,Won
North,120,18
South,95,22
East,140,31

After Apply: typical chart URL (exact query depends on your form)

https://getchartkit.com/api/chart?type=bar&labels=North,South,East&s0=120,95,140&s0name=Leads&s1=18,22,31&s1name=Won&title=Funnel&legend=true&format=svg&w=720&h=400

HTML embed

<img src="https://getchartkit.com/api/chart?type=bar&labels=North,South,East&s0=120,95,140&s0name=Leads&title=Leads&format=png&w=600&h=360" alt="Regional leads" width="600" height="360" />

Paste table as CSV

Adjust fields and copy URL, HTML, Markdown, or an AI prompt. See the URL parameters reference if you are editing links by hand.

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).

How it works

Paste CSV into the box in the builder, then click Apply CSV to fields.

Choose bar, line, or another `type`; confirm preview matches your table.

Copy URL/HTML/Markdown for your doc.

Use with ChatGPT or Claude

Ask an LLM to “emit TSV/CSV with header” from a messy table before you paste.

Google Sheets chart generator covers native spreadsheet export.

FAQ

Does this read PDF tables?

No. Extract a CSV yourself first.

How many columns?

The importer uses the label column plus two numeric series in this UI.

Can I use Markdown?

Yes after you generate the URL.

Is this free?

Yes for interactive public use within limits.

What about JSON tables?

See JSON to chart for object-to-URL mapping.

More ChartKit tools