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](/docs/url-parameters) reference if you are editing links by hand.
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”.