Donut chart · Cyber
A responsive SVG donut chart with a centre total, a live legend, keyboard-focusable segments with tooltips and an accessible data table.
Design · Cyber17 / 20
Clipped-corner HUD panel; glowing segments with a dotted outer tick ring, an inner dashed ring and corner bracket.
Motion
A clockwise reveal wipes around the ring from 12 o'clock so segments appear in order.
Accent
A responsive SVG donut chart with a centre total, a live legend, keyboard-focusable segments with tooltips and an accessible data table.
chartdonutpieshareanalyticssvgdata-vizdashboard