SVG Donut Chart Generator

Generate donut charts as SVG

A donut chart is a pie chart with a hollow centre, a style that many find cleaner and that leaves room for a total or label in the middle. This generator turns a list of numbers into an SVG donut, drawing each segment as a ring section sized in proportion to its value, with a configurable hole size. Enter values and the chart divides the ring to match their shares of the total.

Each segment is a precise path between an outer and inner radius, so the donut is accurate and scales cleanly to any size.

Using donut chart SVG

The hollow centre of a donut chart reduces the visual weight compared with a full pie and gives a natural place to show the overall total or a headline figure. As vector SVG, the chart stays sharp at any size and embeds directly in pages, reports and dashboards. You can adjust the hole size to make the ring thick and bold or thin and delicate, and recolour any segment by editing its fill.

The output is self-contained and standards-compliant. Everything is generated locally in your browser.

Notes

This SVG Donut Chart Generator tool runs entirely in your browser, so nothing you enter is uploaded or stored on a server. The generated output is plain, standards-compliant code that you can copy, paste, edit and reuse freely in your own projects, documents and designs without any attribution or sign-up.

Related tools

• EXIF Viewer — Extract hidden EXIF data (Camera, GPS, Settings) from images.
• Favicon Generator — Generate favicons and app icons at every required size from one source image, with the exact HTML to reference them.
• Placeholder Image Generator — Generate placeholder images at any size with custom colours and label text. Produced in your browser as downloadable files, no external hotlinking.
• Image Resizer — Resize images in your browser with aspect ratio control and format conversion. Files are processed locally and never uploaded.