ChartKitBETA

Data to chart

If you already have clean metrics - arrays, spreadsheet columns, API responses flattened to numbers - this page is the shortest path to a hosted chart image.

Chart builder

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)

What counts as “data” here

ChartKit needs ordered labels and at least one ordered numeric series. Everything else (title, currency, PNG vs SVG) decorates that spine.

Pipelines that produce JSON can map into query strings - see JSON to chart. Spreadsheet column exports map naturally to CSV to chart or the CSV box below.

Use cases

  • ETL jobs that already output a small summary CSV for humans.
  • Notebook users who printed arrays and want a shareable graphic without matplotlib hosting.
  • PMs pasting Superset/Mode exports trimmed to a handful of rows.

Examples

Direct URL from known arrays

https://getchartkit.com/api/chart?type=line&labels=2019,2020,2021,2022,2023&s0=12,15,18,22,27&s0name=Headcount&title=Headcount+growth&valueFormat=number&format=svg

Currency-ready query

https://getchartkit.com/api/chart?type=bar&labels=P1,P2,P3&s0=125000.5,98000,140200&s0name=Bookings&valueFormat=currency&currencySymbol=%24&title=Pipeline&format=svg

PNG for locked-down viewers

https://getchartkit.com/api/chart?type=area&labels=Sprint+1,Sprint+2,Sprint+3&s0=38,44,41&s0name=Points&title=Velocity&format=png&w=640&h=380

How it works

  1. Validate counts: every series must align with `labels` after trimming.
  2. Pick `valueFormat` early so axes match how stakeholders talk (cash vs compact).
  3. Store the final URL next to the dataset version in your changelog.

Use with ChatGPT or Claude

LLMs that emit structured rows can feed this page or the table to chart CSV flow.

Reference: URL parameters.

FAQ

Do you upload my data to a server?

You request a chart image URL; data appears in the query string or request. Treat sensitive metrics accordingly.

Can I embed in HTML?

Yes.

Markdown?

Yes.

JSON input?

JSON to chart explains mapping from objects to GET params.

Free?

Public interactive use is supported within limits.

More ChartKit tools