ChartKitBETA

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

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)

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=380

Line 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=svg

Pie for share data

https://getchartkit.com/api/chart?type=pie&labels=Free,Pro,Enterprise&s0=60,28,12&s0name=Accounts&title=Plan+mix&format=svg

How it works

  1. Copy the AI prompt from the tool. It lists allowed keys and forbids JSON chart configs.
  2. Add your dataset in plain language or as a small table in the same message.
  3. Take the returned URL and drop it into Markdown (`![](url)`) 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”.

More ChartKit tools