Is this URL generator free?

Casual browser use is free; automated generation should follow posted limits.

Yes - the URL is the `src` value for ` `.

Choose SVG in the form or add `format=svg` to the URL.

Can I use charts in Markdown?

Yes. Markdown remote images use the same URL.

Will the URL change if I reorder parameters?

Browsers may sort keys differently, but the chart depends on values, not order. Any equivalent query produces the same graphic.

Chart URL generator

See the encoded query string update as you edit. Copy the exact URL your `<img>` or Markdown image will request.

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.

Chart title

Chart type

Labels (comma-separated)

Series 1 name

Series 1 values

Series 2 name (optional)

Series 2 values (optional)

Width

Height

Value format

Show legend

Format

Preview

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

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)

When you only need the URL

Some teams only need the URL: a CDN-friendly address they can log, cache, or pass between services. This page keeps the form and preview identical to the chart maker, but focuses on the final chart URL.

SVG URLs stay sharp when your layout scales. PNG URLs behave like screenshots, which is useful when a vendor strips SVG files.

Use cases

You paste the URL into a headless CMS field that only stores a string, not HTML.
You document an API example and need a realistic `/api/chart?...` sample next to prose.
You build Markdown from a script and want a reliable image address without running Node chart code locally.

Examples

Minimal readable URL

https://getchartkit.com/api/chart?type=bar&labels=A,B,C&s0=3,7,5&s0name=Score&title=Bench+results&format=svg

Wide canvas for print

https://getchartkit.com/api/chart?type=line&labels=Jan,Feb,Mar,Apr,May,Jun&s0=10,11,10,12,13,15&s0name=Uptime&title=Uptime+percent&w=900&h=420&valueFormat=percent&format=png

Horizontal bar for long labels

https://getchartkit.com/api/chart?type=horizontal-bar&labels=Customer+onboarding,Infra+debt,Design+polish&s0=18,27,14&s0name=Points&title=Sprint+focus&w=720&h=380&format=svg

How it works

Edit the form; ChartKit normalizes lengths if labels and values disagree slightly.
Use the Chart URL copy button for the absolute HTTPS string.
Append the same query string to your own host if you self-host the API.

Use with ChatGPT or Claude

Feed the parameter names from the URL parameters doc into ChatGPT or Claude when you want them to echo a ChartKit link in a long article.

If you also rely on spreadsheet paste, CSV to chart fills the form faster than typing commas by hand.

FAQ

Is this URL generator free?: Casual browser use is free; automated generation should follow posted limits.
Can I embed in HTML?: Yes - the URL is the `src` value for `<img>`.
Can I export SVG?: Choose SVG in the form or add `format=svg` to the URL.
Can I use charts in Markdown?: Yes. Markdown remote images use the same URL.
Will the URL change if I reorder parameters?: Browsers may sort keys differently, but the chart depends on values, not order. Any equivalent query produces the same graphic.