ChartKitBETA

Free pie chart generator

Show parts of a whole. Works best with a small number of slices and one value per slice in the URL.

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.

pie

Preview

Monthly Revenue

Copy

Show snippets
URL
https://getchartkit.com/api/chart?type=pie&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=pie&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=pie&labels=Jan,Feb,Mar,Apr,May&s0=12000,18000,15000,22000,27000&s0name=Revenue&title=Monthly%20Revenue&w=700&h=420&valueFormat=compact)

How ChartKit treats pie charts

Each slice label in `labels` pairs with one number in `s0`. The chart normalizes those numbers into a full circle. This page hides a second series on purpose - mixing two `s` keys into a pie is usually confusing.

If you need ranked categories instead of shares of 100%, a bar chart is often easier to read.

Use cases

  • Device or channel mix (mobile / desktop / tablet) for a blog summary.
  • Budget slices in a short report where the audience knows the categories already.
  • A single graphic for a newsletter blurb where you only have room for one image.

Examples

Traffic sources

https://getchartkit.com/api/chart?type=pie&labels=Organic,Paid,Social,Email&s0=45,28,15,12&s0name=Sessions&title=Session+mix&w=560&h=480&format=svg

Percent-friendly legend

`valueFormat=percent` can help when slice labels are shares.

https://getchartkit.com/api/chart?type=pie&labels=A,B,C,D&s0=35,28,22,15&s0name=Responses&title=Survey+split&valueFormat=percent&w=540&h=460&format=svg

PNG slice graphic

https://getchartkit.com/api/chart?type=pie&labels=Build,Run,Maintain&s0=40,35,25&s0name=Cost&title=Engineering+time&format=png&w=520&h=440

How it works

  1. List slice names in `labels` and the matching weights in `s0` (counts, dollars, or arbitrary positive numbers).
  2. Set `title`, turn `legend` on or off, and adjust `w` / `h` when your layout is tight.
  3. Copy HTML or Markdown so the image loads from the same `/api/chart` URL you see in the preview.

Use with ChatGPT or Claude

Tell ChatGPT or Claude the slice names and raw numbers; ask for `type=pie` and a ChartKit URL. Many models default to bar charts unless you say “pie”.

After the model returns the link, verify slice order matches your source table before you publish.

FAQ

Is this pie chart generator free?

You can generate and preview pie charts on this site. Respect any posted limits for automated traffic.

Can I embed the chart in HTML?

Yes. The HTML copy is an `<img>` pointed at your query string.

Can I use the chart in Markdown?

Yes. Remote Markdown images work the same as any hosted PNG or SVG.

Can I export SVG?

Set `format=svg` (default) in the form or URL.

What chart types are supported besides pie?

Bar, line, area, donut, and horizontal bar are available from the chart maker; donut uses the same data shape as pie.

More ChartKit tools