ChartKitBETA

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.

Use cases

  • Copying a three-column Notion table: category, value, second metric.
  • Pulling a summary table out of a Google Doc into a chart for a PDF appendix.
  • 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](/docs/url-parameters) reference if you are editing links by hand.

Paste CSV

First column becomes labels; remaining columns become series (header row used for names).

Preview

Monthly Revenue

Copy

Show snippets
URL
https://getchartkit.com/api/chart?type=bar&labels=Jan,Feb,Mar,Apr,May&s0=12000,18000,15000,22000,27000&s0name=Revenue&title=Monthly%20Revenue&w=700&h=420&valueFormat=compact
HTML
<img src="https://getchartkit.com/api/chart?type=bar&labels=Jan,Feb,Mar,Apr,May&s0=12000,18000,15000,22000,27000&s0name=Revenue&title=Monthly%20Revenue&w=700&h=420&valueFormat=compact" alt="Monthly Revenue" width="700" height="420" />
Markdown
![Monthly Revenue](https://getchartkit.com/api/chart?type=bar&labels=Jan,Feb,Mar,Apr,May&s0=12000,18000,15000,22000,27000&s0name=Revenue&title=Monthly%20Revenue&w=700&h=420&valueFormat=compact)

How it works

  1. Paste CSV into the box in the builder, then click Apply CSV to fields.
  2. Choose bar, line, or another `type`; confirm preview matches your table.
  3. 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