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
Copy
Show snippets
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=svgCurrency-ready query
https://getchartkit.com/api/chart?type=bar&labels=P1,P2,P3&s0=125000.5,98000,140200&s0name=Bookings&valueFormat=currency¤cySymbol=%24&title=Pipeline&format=svgPNG 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=380How it works
- Validate counts: every series must align with `labels` after trimming.
- Pick `valueFormat` early so axes match how stakeholders talk (cash vs compact).
- 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.