DonutChart

CHARTS

Donut chart with optional center label for summary stats.

[EXAMPLES]

Basic

[PROPS]

PROPTYPEDEFAULTDESCRIPTION
data{ label: string; value: number; color?: string }[]Chart segments
centerContentReactNodeContent displayed in the center of the donut
sizenumber300Chart size in pixels
thicknessnumber60Ring thickness
showLegendbooleantrueShow chart legend

[ACCESSIBILITY]

ARIA

  • >SVG chart with aria-label