# Shadcn Area Chart blocks

> Area chart cards with gradient fills, stacked series, period tabs and hover tooltips for trends over time.

- Type: Pro blocks (Charts)
- Page: https://reui.io/blocks/chart/area-chart
- Blocks: 3
- Installs with a ReUI Pro or Ultimate license; setup: https://reui.io/docs/license-setup

## When to use

- A volume trend over time drawn as a gradient filled area under a headline total and period tabs
- Funnel stages stacked as layered areas so each step reads against the one before it

## When not to use

- A metric judged against a goal, a forecast or a second series drawn as a stroke: use the [Composed Chart blocks](https://reui.io/blocks/chart/composed-chart.md)
- Several KPI tiles, each with a tiny trend tucked under its value: use the [Sparkline blocks](https://reui.io/blocks/chart/sparkline.md)

## Agent notes

- Gradient fills are `linearGradient` defs referenced by id, so a renamed series needs its gradient id renamed too

## Blocks

- [Conversion Funnel](https://reui.io/blocks/chart/area-chart/chart-16.md): Conversion Funnel Stacked Area Chart with Stage KPI Tiles and Period Selector. Best for a 4 stage stacked area funnel whose stage tiles read the last point of a 7 day to 12 month Select, with every stage in one tooltip.
- [Campaign Impressions](https://reui.io/blocks/chart/area-chart/chart-17.md): Compact campaign analytics card with gradient area chart and 5D to 6M period tabs. Best for a narrow campaign card whose impression total sums the period, with dots on every area point and 5D to 6M tabs under the plot.
- [Orders Overview](https://reui.io/blocks/chart/area-chart/chart-18.md): Orders overview card with period tabs, stat tiles, and animated gradient area chart. Best for an area that regrows from zero on each Day, Week, Month or Year tab, under 3 task tiles that stay fixed across periods.

Every ReUI item has a twin like this one; the index is https://reui.io/llms.txt. Agents with the ReUI MCP (https://reui.io/docs/mcp) get the same guidance from the getters named above.