Donut chart · Luxe
A responsive SVG donut chart with a centre total, a live legend, keyboard-focusable segments with tooltips and an accessible data table.
Design · Luxe14 / 20
A thin gold-hairline ring framed by two fine circles, spaced-caps legend with diamond swatches and a gold arc on the active segment.
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