Donut & pie charts

A donut with a centre KPI rendered via a Pie Label, and a labelled pie. Slice colours are read from each datum's fill, bound to chart tokens.

$bunx shadcn@latest add @nx-ui/chart
Registry item
Installs withutils

Donut with centre KPI

Total diverted tonnage sits in the ring's centre, drawn with a custom Label on the Pie.

Labelled pie

Consignment outcomes as a full pie with a legend.

API reference

Exported parts and their props, extracted from the component source.