Donut chart generator

Donut chart

Show part-to-whole relationships with a hollow center. Create a private, publication-ready donut chart directly in your browser without transmitting sensitive rows off-device. Data is processed locally on your hardware with zero server uploads, enabling instant export to SVG, PNG, and Excel data.

Compositioncompositionpart-to-wholepie

Edit the data, then export.

Everything runs in your browser. Your data is not uploaded.

Data

Paste tab-separated data from Excel or edit the cells directly.

Paste or import table data

Paste a header row, or choose a local CSV/TSV file. Files are read in this browser and capped at 500 rows.

Choose CSV/TSV

Appearance

Chart title

Palette

Width Data labels LegendBackground

Preview

Sample preview of the example data. The live chart takes over as soon as you start working.

SVG, PNG, and Excel exports are generated locally in this browser. PowerPoint export is temporarily unavailable while its dependency path is reviewed for a high-severity image parser advisory.

Part-to-Whole Composition Mechanics

A donut chart visualizes part-to-whole relationships by dividing a circular ring into proportional segments. By removing the center, it shifts the visual focus from central angles to the arc lengths along the outer perimeter, making area comparisons slightly more intuitive than a standard pie chart. The central cutout also provides dedicated whitespace for a high-level summary metric, such as a total count or primary percentage. All data processing and rendering happens entirely locally in your browser, guaranteeing your sensitive metrics are never uploaded to an external server.

Categorical Proportions & Table Structure

Format input columns for donut chart with explicit headers and numerical measurements. Verify that rows represent discrete categories or observations without unformatted symbol artifacts.

Sample Part-to-Whole Proportions

| Traffic source | Sessions |

Segment Allocation Guidelines & Pitfalls

Ensure sufficient visual distinction for donut chart marks across standard and high-contrast viewports.
Align text labels horizontally whenever possible to improve cognitive readability for donut chart elements.
Double-check scale boundaries and zero-anchors before exporting donut chart presentation artwork.

Data shape: Category and numeric value columns
Exports: SVG, PNG, and Excel data; PowerPoint export is temporarily unavailable pending dependency review.

How it works

You edit a table in this page. The renderer draws an SVG from those rows in your browser, then you can download SVG, PNG, or Excel data. The table is not uploaded to any external processing server.

Frequently asked questions

What is the advantage of a donut chart over a pie chart?

The hollow center provides valuable real estate for key metric callouts, and readers judge arc length along the circumference rather than subtle angles at the center.

Color schemesCompare category colors and their relative emphasis before applying a palette to a chart.Open Marimekko chartShow part-to-whole relationships across two variables where both width and height hold data.Open Pie chartSlice a circle into radial sectors proportional to the data.Open Projection comparisonCompare named projections or projection diagnostics on a common horizontal scale before choosing a map treatment.Open Radial stacked bar chartCompare category totals around a circle while preserving each total's component breakdown.Open Word cloudShow the relative prominence of words or labels with a compact, browser-generated text layout.Open

Reviewed 16 August 2026.