Donut / Pie Chart

Data & ChartsLive Preview

An animated SVG donut chart with segment breakdown and center label.

Customize Preview

Select options to update the live preview, or edit the prompt directly below.

Segments

Colors

Thickness

Center Content

Legend

Your Prompt

abcclick to edit

Create an animated donut chart using SVG. It has 4 segments with vibrant purple, blue, orange, and green colors. The donut has a medium ring (20px stroke) and shows a total value number in the center. Include a legend with colored dot indicators with labels on the side. Animate each segment growing from 0 on scroll with smooth easing.