A thick-stroke SVG ring chart where each segment animates in via stroke-dasharray, with a large centre number that counts up using interpolate(). Combines a proportional breakdown around the ring with a headline metric in the centre — perfect for completion rates, KPI dashboards, or funding progress.
Segment values, colors, centre metric, and labels are all configurable. Visually distinct from the thinner Circular Progress ring: this template emphasises the data breakdown around the ring rather than a single percentage.