ChartKitBETA

Chart from text

You rarely start with perfect CSV. Paste messy notes or a table into an LLM, ask it to output ChartKit query parameters, then drop the URL into your doc.

Text-first, structure second

ChartKit itself consumes structured query strings - not raw paragraphs. The bridge is a model that extracts `labels` and `s0` numbers from your text.

Use the AI prompt button in the builder (below) to give the model forbidden/allowed formats. The URL parameters doc is the contract.

Use cases

  • Meeting notes that list “Jan 12%, Feb 19% …” and need a chart before the memo ships.
  • Support digests where counts live in prose until you promote them to a graphic.
  • AI-generated articles where the draft already contains a table in Markdown.

Examples

Sample prompt you send with your text

After your narrative block, ask for only a URL + Markdown image line.

Your job: read my numbers below and return (1) one ChartKit Markdown image and (2) the raw https://getchartkit.com/api/chart URL.

Rules:
- Use ONLY query parameters: type, labels, s0, s0name, optional s1/s1name, title, w, h, legend, valueFormat, format.
- No JSON chart config.

My data:
Jan 120, Feb 190, Mar 160, Apr 210 (signups)

Resulting URL shape

https://getchartkit.com/api/chart?type=bar&labels=Jan,Feb,Mar,Apr&s0=120,190,160,210&s0name=Signups&title=Signups&format=svg&w=700&h=400

Markdown line you paste

![Signups](https://getchartkit.com/api/chart?type=bar&labels=Jan,Feb,Mar,Apr&s0=120,190,160,210&s0name=Signups&title=Signups&format=svg&w=700&h=400)

Verify or tweak in the 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)

How it works

  1. Clean enough structure that a human (or LLM) can list labels and values.
  2. Copy the AI prompt, add your paragraph or table, run it in ChatGPT or Claude.
  3. Paste the returned URL into the builder to verify, then ship HTML or Markdown.

Use with ChatGPT or Claude

Pair this page with chart from prompt when you already know the instruction style you reuse.

For spreadsheet-ready data, CSV to chart skips the LLM step.

FAQ

Does ChartKit read PDFs or voice memos directly?

No. Something must turn unstructured text into labels and numbers first - often an LLM or a human.

Can ChatGPT generate ChartKit URLs?

Yes with the parameter list. This page shows a concrete prompt pattern.

Can I embed in HTML?

Yes - wrap the final URL in `<img src="…">`.

Is this free?

Public generation for trials is available; respect rate limits.

What if the model invents new parameters?

Reject output that is not in URL parameters and regenerate.

More ChartKit tools