ChartKitBETA

Online chart generator

Runs in the browser: change fields, see the preview update, copy HTML or Markdown. You do not install ChartKit locally to produce a chart image.

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)

Browser-first workflow

“Online” here means the form and preview are web pages. The chart image itself is fetched from ChartKit’s HTTP endpoint like any other hosted PNG or SVG.

That matters when you work on a locked-down laptop: if you can open a website, you can produce a link for your CMS or git repo.

Offline teams can still paste finished URLs into documents once generated.

Use cases

  • Chromebook or tablet workflows where you cannot run spreadsheet charting tools.
  • Pairing with remote meetings - you tweak numbers live while screen-sharing this tab.
  • Quick checks before committing numbers to a blog post.

Examples

Fast sanity-check bar

https://getchartkit.com/api/chart?type=bar&labels=Now,Next,Later&s0=7,4,11&s0name=Items&title=Roadmap&w=560&h=360&format=svg

Pie for a slide snapshot

https://getchartkit.com/api/chart?type=pie&labels=Dev,Design,Ops&s0=45,30,25&s0name=Time&title=Sprint+mix&format=png

Area for trend emphasis

https://getchartkit.com/api/chart?type=area&labels=T1,T2,T3,T4,T5&s0=20,24,23,28,31&s0name=Latency+ms&title=Improvement&format=svg

How it works

  1. The preview `<img>` hits `/api/chart` on the same deployment you target in production.
  2. Adjust dimensions when your destination column width is fixed.
  3. Use PNG if your online editor is picky about SVG uploads.

Use with ChatGPT or Claude

Browser + LLM: keep this tab open, paste model output into labels/values, regenerate in one click.

Automators can skip the UI and build strings from JSON to chart mappings.

FAQ

Does online mean I need an account?

No account is required to use this public generator for normal tries.

Can I embed charts in HTML from here?

Yes - copy the `<img>` snippet after each edit.

Can I use Markdown?

Use the Markdown copy field; it references the same URL.

Is there an offline mode?

The builder needs network access to render previews against `/api/chart`. Save URLs locally if you need offline docs.

How is this different from Excel charts?

ChartKit outputs a shareable URL and static image, not a live workbook object.

More ChartKit tools