ChartKitBETA

Charts for AI-generated content

Language models draft fast; charts should fail loud when numbers drift. ChartKit URLs are easy to diff - compare query params against your source table before publish.

Editorial guardrails

Never publish an LLM-supplied chart URL without opening it - typos in `labels` or `s0` skew the story.

Keep the URL parameters doc attached to your style guide so writers know valid keys.

Workflow pages: chart from prompt, chart from text.

Use cases

  • Agencies batch-producing SEO articles with one chart per post.
  • Support macros that turn ticket stats into knowledge-base articles.
  • Research assistants summarizing public datasets with vetted graphics.

Examples

Model output to verify

https://getchartkit.com/api/chart?type=bar&labels=Model+A,Model+B,Model+C&s0=82,79,88&s0name=Score&title=Bench+scores&format=svg

Markdown embed

![Bench scores](https://getchartkit.com/api/chart?type=bar&labels=Model+A,Model+B,Model+C&s0=82,79,88&s0name=Score&title=Bench+scores&format=svg)

Line chart from “AI slop” table cleanup

https://getchartkit.com/api/chart?type=line&labels=D1,D2,D3,D4,D5&s0=10,13,12,15,18&s0name=Tokens+k&title=Usage&valueFormat=compact&format=png&w=680&h=380

Pie for categorical summaries in generated briefs

https://getchartkit.com/api/chart?type=pie&labels=Aligned,Neutral,Opposed&s0=44,38,18&s0name=Sentiment&title=Survey+n%3D1200&format=svg

Validate an LLM-produced chart

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)

How it works

  1. Run the model, paste URL into this builder, compare preview to authoritative data.
  2. If mismatch, fix numbers in the form and overwrite the draft’s URL.
  3. Log final URLs in git next to prompts for reproducibility.

Use with ChatGPT or Claude

LLM chart generator centralizes model-agnostic instructions.

For human approvals, chart maker stays the source of truth.

FAQ

Will AI hallucinate chart URLs?

Yes - always verify against the preview.

Markdown safety?

Use `!alt`; avoid mixed-content HTTP URLs on HTTPS sites.

JavaScript for readers?

No - static images.

JSON from the model?

Ask it to convert to ChartKit GET parameters instead.

Newsletter + AI?

Charts for newsletters.

More ChartKit tools