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
Copy
Show snippets
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=svgPie 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=pngArea 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=svgHow it works
- The preview `<img>` hits `/api/chart` on the same deployment you target in production.
- Adjust dimensions when your destination column width is fixed.
- 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.