Area Chart

Charts

Area charts for visualizing volume and cumulative trends over time with smooth gradient fills.

Installation

$npx linspo-ui add area-chart

Dependencies: lucide-react

Last 8 periods

35,606

+15.3%

JanFebMarAprMayJunJulAug

9,800

Peak

4,451

Average

1,398

Minimum

Prop	Type	Default	Description
`data`*	`AreaChartDataPoint[]`	—	Array of data points with label and value properties.
`className`	`string`	—	Additional CSS classes to apply to the container.
`title`	`string`	—	Title displayed in the chart header.
`metric`	`string`	`"Total Volume"`	Label for the metric being displayed.
`showStats`	`boolean`	`true`	Whether to show the stats footer.
`animated`	`boolean`	`true`	Whether to animate on mount.
`color`	`string`	`"hsl(160 60% 45%)"`	Color of the area fill and line.