Radial & gauge charts

Radial progress rings drawn with RadialBarChart, and a half-circle gauge built by clamping the chart's start and end angles. A centre Label renders the KPI value.

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

Progress ring

Overall landfill-diversion rate as a single ring, with the value in the centre.

Multi-ring

Recovery against target for three streams, each an independent ring.

Half-circle gauge

Fleet utilisation as a 180° gauge, made by fixing the chart to the top semicircle.

API reference

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