ChartKitBETA

Claude chart generator

Claude handles long context well - paste the parameter reference once, then feed tables or prose on each turn.

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)

Claude-specific tips

Add URL parameters to a Claude Project “knowledge” file so every chat shares the same rules.

Compared to ChatGPT, Claude users often paste entire CSV excerpts; trim to the rows you will chart to save tokens.

Use cases

  • Engineering teams using Claude for incident write-ups with small metric tables.
  • Writers drafting in Claude artifact mode who export Markdown to static sites.
  • Legal or finance reviewers who want a neutral image URL instead of opaque binaries.

Examples

Minimal bar URL Claude should emit

https://getchartkit.com/api/chart?type=bar&labels=Q1,Q2,Q3&s0=42,51,47&s0name=Revenue+M%24&title=FY+recap&valueFormat=compact&format=svg

Pie mix

https://getchartkit.com/api/chart?type=pie&labels=New,Returning,Churned&s0=54,38,8&s0name=Users&title=Cohort+mix&format=svg

Horizontal bar for long labels

https://getchartkit.com/api/chart?type=horizontal-bar&labels=Data+governance,Access+reviews,Retention&s0=11,8,14&s0name=Tickets&format=svg

How it works

  1. Open Claude, paste the AI prompt from the builder plus your dataset.
  2. Ask for `!alt` and a naked URL line.
  3. Drop the URL into this page if you want to tweak `w`, `h`, or `format`.

Use with ChatGPT or Claude

Pair with LLM chart generator when you document tools for both Claude and ChatGPT.

For strict Markdown publishers, see charts for Markdown.

FAQ

Can Claude generate ChartKit URLs?

Yes, when the parameter rules are in context.

Can I embed in HTML?

Yes via `<img src="…">`.

Is this free?

ChartKit trial URLs are public; Claude usage follows Anthropic pricing.

Does Claude render the chart?

Some clients show remote images; your blog will load the same URL independently.

Where is the ChatGPT version?

ChatGPT chart generator.

More ChartKit tools