Donut chart · High Contrast
A responsive SVG donut chart with a centre total, a live legend, keyboard-focusable segments with tooltips and an accessible data table.
Design · High Contrast20 / 20
30px ring with hatched, dotted and cross-hatched segments so no meaning relies on colour, bold labels and a 3px focus outline.
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