AI chart generator
Let a language model format your numbers as a ChartKit query string, then treat the result like any other image link.
Chart builder
Adjust fields and copy URL, HTML, Markdown, or an AI prompt. See the URL parameters reference if you are editing links by hand.
Chart options
Advanced▾
Makes X and Y axis labels larger. Applies to bar, line, area, and horizontal bar charts.
Preview
Copy
Show snippets
Why URLs work well with AI assistants
Models already output text. A ChartKit chart is just text in a URL: `type`, `labels`, `s0`, and a few optional keys documented on the URL parameters page.
You paste the model’s URL into an `<img>` tag or Markdown image - the browser fetches the picture. You do not need the model to draw SVG by hand or to invent a JSON chart config.
Use cases
- You asked ChatGPT or Claude for a table of KPIs and want a matching chart in the same thread without screenshotting.
- You maintain instructions for teammates, such as “always add a chart,” and want one reusable prompt that references ChartKit.
- You generate drafts for a static site and prefer remote images over committing binary assets to git.
Examples
Bar example the model should aim for
https://getchartkit.com/api/chart?type=bar&labels=Mon,Tue,Wed,Thu&s0=40,52,47,61&s0name=Loads&title=Daily+loads&format=svg&w=640&h=380Line with two series
https://getchartkit.com/api/chart?type=line&labels=P1,P2,P3&s0=12,15,14&s0name=Bug&s1=4,3,5&s1name=Story&title=Tickets&legend=true&format=svgPie for share data
https://getchartkit.com/api/chart?type=pie&labels=Free,Pro,Enterprise&s0=60,28,12&s0name=Accounts&title=Plan+mix&format=svgHow it works
- Copy the AI prompt from the tool. It lists allowed keys and forbids JSON chart configs.
- Add your dataset in plain language or as a small table in the same message.
- Take the returned URL and drop it into Markdown (``) or HTML (`<img src="url">`).
Use with ChatGPT or Claude
ChatGPT and Claude can both return links. Verify the numbers on small tables before you automate the workflow.
For ChatGPT-specific UI tips, see the ChatGPT chart generator page. For spreadsheets you copied from a CSV export, try CSV to chart.
FAQ
- Can ChatGPT generate ChartKit URLs?
Yes. Give it the prompt from this page and the `/api/chart` base URL. Ask it to return both Markdown and the raw URL.
- Do I need JavaScript on my site?
No for a basic embed: the chart is an image. Optional script embeds exist for live DOM rendering; see documentation.
- Can I use the chart in Markdown?
Yes. Standard remote image syntax works wherever your host allows external images.
- Is this free?
Building URLs from the public endpoint is free to try; limits and branding may apply for heavy use.
- What if the model invents invalid parameters?
Compare its URL against the URL parameters table. Regenerate with “only use listed keys”.