Overview
Enter labels and values in an editable table (add or remove rows freely) and get a doughnut chart rendered as real SVG, drawn with `stroke-dasharray`/`stroke-dashoffset` on concentric circle segments rather than a canvas bitmap. Non-numeric, negative, or non-finite values are treated as zero and flagged explicitly rather than silently breaking the chart, and if every value ends up zero, the chart area shows a clear empty-state message instead of rendering a meaningless blank ring. The hole size ("inner radius") is adjustable but constrained to a 40-80% range to keep the result recognizably a doughnut rather than either a solid pie or an unreadably thin ring. Each segment has an editable color starting from an accessible, visually distinct default palette, and a legend lists every segment's label, value, and percentage as text - never relying on color alone to distinguish segments. The same values are also repeated in a plain data table below the chart, so the information doesn't depend on perceiving the SVG at all. Download the finished chart as a standalone SVG file. Runs entirely client-side.
Best for: Turning a small label/value dataset into a shareable doughnut chart without a spreadsheet app
How to use this tool
- Enter labels and values. Add or remove rows freely; invalid values are flagged and treated as zero.
- Adjust the hole size. Constrained to 40-80% to stay a readable doughnut shape.
- Pick segment colors. Starts from an accessible default palette; each segment is independently editable.
- Download the SVG. Export the finished chart as a standalone .svg file.
Frequently asked questions
The chart area shows an explicit empty-state message instead of rendering a blank or broken ring - enter at least one positive value to see the chart.
No - the legend lists every segment's label, value, and percentage as text next to its color swatch, and the same data is repeated in a plain table below the chart, so the information doesn't depend on distinguishing colors.
Below 40% the shape stops reading as a doughnut and starts looking like a pie chart; above 80% the ring becomes too thin to color or label clearly. The 40-80% range keeps the result recognizable and usable at both ends.