Free chart maker
Turn labels and numbers into a chart image URL. Paste the URL into an HTML image tag, Markdown, a report, or an AI-generated answer.
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
What this page does
Type categories and values in plain text. ChartKit returns a stable image URL at `/api/chart` with query parameters like `type`, `labels`, and `s0`. You do not need a chart JSON file or a front-end chart library on your site.
The preview above updates as you edit. When it looks right, copy the full URL, an `<img>` tag, a Markdown image line, or a short prompt you can give to ChatGPT or Claude so they can return the same kind of link. Parameter details are in the URL parameters reference.
Use cases
- You publish in Markdown (GitHub, a static site, or a notebook) and want a real chart without running JavaScript in the reader’s browser.
- You send a weekly email or newsletter and need a fixed image URL that inbox clients can load like any other remote picture.
- You asked an AI assistant for a table of numbers and want a quick visual to paste next to the table in a doc or slide outline.
Examples
Bar chart, compact axis labels
Good default for mixed audiences; swap labels and `s0` values for your own series.
https://getchartkit.com/api/chart?type=bar&labels=Jan,Feb,Mar,Apr&s0=120,190,155,210&s0name=Signups&title=New+signups&w=700&h=420&valueFormat=compact&legend=true&format=svgLine chart with two series
Second series uses `s1` and `s1name`; order must match `labels` left to right.
https://getchartkit.com/api/chart?type=line&labels=W1,W2,W3,W4,W5&s0=12,14,13,16,18&s0name=Team+A&s1=11,12,14,15,17&s1name=Team+B&title=Throughput&w=720&h=400&format=svgPNG for a rigid template
Use `format=png` when your CMS or email tool handles raster images more predictably than SVG.
https://getchartkit.com/api/chart?type=horizontal-bar&labels=Docs,Billing,Search,Auth&s0=22,18,31,12&s0name=Open+tickets&title=Queue+by+area&w=640&h=380&format=pngHow it works
- ChartKit reads `type` (bar, line, area, pie, donut, horizontal-bar), `labels` as comma-separated text, and at least one series `s0` as comma-separated numbers.
- Optional `title`, `w`, `h`, `legend`, `valueFormat`, `currencySymbol`, and `format` (svg or png) shape the image the server draws.
- Anything that can load a normal image URL can use the chart, including `<img src="…">`, `!alt` in Markdown, or a custom GPT that outputs a link.
Use with ChatGPT or Claude
Models handle comma-separated lists well. Copy the AI prompt from the tool, add your categories and values in plain language, and ask for a single ChartKit URL plus a Markdown image line - nothing else.
If the model starts returning chart JSON, point it to the URL parameters page and repeat that the output must use query-string parameters only.
FAQ
- Is this chart generator free?
You can use this page and the public chart URL to try ChartKit. Production use may be subject to rate limits or branding on the image; check current site terms.
- Can I embed the chart in HTML?
Yes. Copy the HTML snippet: it is a normal `<img>` whose `src` is your chart URL. No extra script is required on the page that displays it.
- Can I use the chart in Markdown?
Yes. Copy the Markdown line (`!description`). Any renderer that allows remote images can show it.
- Can ChatGPT or Claude generate ChartKit URLs?
Yes, if you give them the parameter rules. The copyable prompt on this page is written for that. You can also use the dedicated AI chart generator or ChatGPT chart generator pages.
- Do I need JavaScript?
Not for a static embed. The chart is an image served from the URL. JavaScript on your site is optional unless you choose the separate script-based embed from the main documentation.