# donut × # pie

Featured Components Live preview

Traffic Donut Chart · Deep Indigo

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Deep Indigo palette.

39700Open

Components⚛ TSX Live preview

Traffic Donut Chart · Aurora Teal

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Aurora Teal palette.

HTMLCSSJavaScriptAdvanced

21100Open

Traffic Donut Chart · Mono Pearl

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Mono Pearl palette.

35800Open

Traffic Donut Chart · Ultra Violet

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Ultra Violet palette.

37800Open

Traffic Donut Chart · Cyber Lime

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Cyber Lime palette.

14300Open

Traffic Donut Chart · Sunset Amber

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Sunset Amber palette.

67000Open

Traffic Donut Chart · Rose Gold

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Rose Gold palette.

15200Open

Traffic Donut Chart · Ocean Sky

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Ocean Sky palette.