GoAsk Design System
Charts

DonutChart

Parts of a whole with the total in the hole and a legend underneath. React only.

React · shadcn/uiNo CSS version

React

shadcn/ui + Tailwind v4
  • Done42
  • In progress13
  • Blocked4
  • Not started9

Slices without a tone take chart-1 to chart-5, skipping colours already used. total overrides the sum in the hole; legend={false} hides the list.