Is this donut chart generator free?

Public generation is available from this interface; automated bulk use may need its own hosting or agreement.

Do I need JavaScript on the page that embeds the chart?

No. Embedding is a plain image URL.

Can I use the chart in a newsletter?

If your tool supports remote ` ` URLs, yes. Always send a test message first.

Can ChatGPT output ChartKit donut URLs?

Yes. Give it the rules from the AI prompt field and your slice list.

How is this different from the pie generator?

Only the shape: ring versus solid disk. The URL parameters are otherwise the same pattern.

Free donut chart generator

Use the same inputs as a pie chart: labels plus one numeric series. The center stays open, which can make the chart feel lighter in reports, dashboards, or mockups.

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

donut

Labels (comma-separated)

Series 1 name

Series 1 values

Width

Height

Value format

Show legend

Format

Preview

Copy

Show snippets

URL

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

Donut vs pie here

ChartKit draws a ring when `type=donut`. Parameters match the pie chart generator: one label per slice, one number per slice in `s0`.

Pick a donut chart when you want a lighter version of a pie chart or when your layout leaves space around the center.

Use cases

Dashboard thumbnails next to KPI text where a full pie would feel heavy.
Slide decks that already use ring metaphors for “progress toward goal”.
Blog graphics where you want the chart to sit beside text without dominating the column width.

Examples

Four-part donut

https://getchartkit.com/api/chart?type=donut&labels=Alpha,Beta,GA,Maintenance&s0=12,35,40,13&s0name=Roadmap&title=Feature+mix&w=520&h=480&format=svg

Compact values in the chart

https://getchartkit.com/api/chart?type=donut&labels=US,EU,APAC,Other&s0=1850000,920000,740000,310000&s0name=Rev&title=Revenue&valueFormat=compact&w=540&h=500&format=svg

Raster for strict CMS

https://getchartkit.com/api/chart?type=donut&labels=A,B,C&s0=50,30,20&s0name=Share&format=png&w=480&h=460

How it works

Fill `labels` and `s0` exactly as you would for a pie; set `type=donut` (already fixed on this page).
Adjust the legend and dimensions if the ring feels crowded in your layout.
Use SVG for sharp edges or PNG when your editor rejects SVG uploads.

Use with ChatGPT or Claude

Ask your AI assistant for `type=donut` explicitly. Otherwise it may choose a bar chart by habit.

You can paste the same numbers into the pie chart generator to compare layouts without retyping.

FAQ

Is this donut chart generator free?: Public generation is available from this interface; automated bulk use may need its own hosting or agreement.
Do I need JavaScript on the page that embeds the chart?: No. Embedding is a plain image URL.
Can I use the chart in a newsletter?: If your tool supports remote `<img>` URLs, yes. Always send a test message first.
Can ChatGPT output ChartKit donut URLs?: Yes. Give it the rules from the AI prompt field and your slice list.
How is this different from the pie generator?: Only the shape: ring versus solid disk. The URL parameters are otherwise the same pattern.