Pie Chart Generator

How to use

1. 1Paste your data into the input box. One row per line in the format label, value, with an optional third column for a per-slice color.
2. 2Pick Pie or Donut at the top of the options panel. Donut mode unlocks the inner radius slider and the optional centered total in the hole.
3. 3Choose a color mode: Palette assigns a distinct color from a 12-color set, Single paints every slice in one color, and Per row reads the color column from your data.
4. 4Tune the label position (none, inside, outside with leader, or both) and the label content (percent, value, percent with value, or label with percent) so the readable view matches the medium.
5. 5Click Copy SVG, Download .svg, or Download .png to export. The PNG export uses the exact same SVG, so the print and web versions stay identical.

About this tool

Pie Chart Generator turns a list of label and value rows into a polished SVG pie or donut chart you can drop into a slide, document, report, blog post, or product UI. Type or paste your data, pick pie or donut, and the chart redraws live in your browser with percentage labels, an optional legend, custom colors, and an export-ready SVG plus a one-click PNG download. The data grammar matches the rest of the chart family on this site: one row per line in the format label, value, with an optional third column for a per-slice color (for example Mobile, 42, #3b82f6). Quoted labels handle commas inside the label ("Search, organic", 1200), trailing % is recognized, locale thousands separators are tolerated, and lines that start with # or // are treated as comments. Negative values are reported back as a skipped row so the chart never tries to draw a slice with negative area. The renderer covers the choices most spreadsheet tools force you to live without. Pie mode draws full sectors that meet exactly at the center, while donut mode carves out a centered hole sized by a slider and prints an optional centered total with a custom label like Revenue or Sessions. The 12-color palette mode auto-assigns a distinct color to each slice, single color mode paints every slice in one brand color, and per-row mode reads the color column from your data so you can match a corporate palette. Slice labels can be hidden, drawn inside the slice as a percentage, drawn outside with leader lines, or both. Inside-label color flips automatically to black or white based on the slice fill so the value stays readable on every palette color. Strokes, stroke color, start angle, sort order, transparent background, font family, font size, width, height, and inner radius are all exposed in the options panel and update the preview deterministically (the math matches what is exported), so what you see is exactly what gets copied. The preview, the copyable SVG markup, and the rasterized PNG are always in sync because they come from the same SVG string built in a memoized render. Common use cases include traffic source breakdowns, market share comparisons, survey response distributions, budget allocations, time spent reports, sales by region, audience demographics, share-of-voice analyses, and any single-dimensional comparison that fits on one canvas. Everything runs in your browser. The labels, values, colors, and titles you type are kept in component state and never sent off your device.

Free to use. Works in your browser. No signup, no login.