Area charts

Stacked areas for cumulative trends, with gradient fills defined via SVG linearGradient and referenced by fill. Colours flow from the chart config.

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

Stacked with gradient fills

Three diversion streams stacked, each filled with a token-coloured gradient fading to transparent.

Single gradient area

Cumulative soil volume restored, filled with a single brand gradient.

API reference

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