# Shadcn Composed Chart blocks

> Composed charts that layer areas and lines on one axis, with reference lines, goals and release markers.

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

## When to use

- A primary series as a filled area with a goal, baseline or forecast traced as lines on the same axis
- Release health against a baseline, with limit lines and a marker where a rollback happened

## When not to use

- One volume series alone, with no goal or baseline to compare against: use the [Area Chart blocks](https://reui.io/blocks/chart/area-chart.md)
- Two or more series drawn only as strokes across shared time buckets: use the [Line Chart blocks](https://reui.io/blocks/chart/line-chart.md)

## Agent notes

- Areas and lines share one `ComposedChart`, so a new series goes in as an `Area` or a `Line` child with its own `dataKey`

## Blocks

- [DeFi Overview](https://reui.io/blocks/chart/composed-chart/chart-19.md): Dark finance metric card with composed area-and-line chart and day, week, month period tabs. Best for a hardcoded dark card whose locked total adds the latest deposits and borrowed points, as 2 areas traced by lines with markers.
- [Sales vs Goal](https://reui.io/blocks/chart/composed-chart/chart-20.md): Sales vs goals composed line and area chart with vertical reference line marker. Best for actual sales against a dashed goal line with a fixed date marker and an Export, Period, Filter and Share menu, no range control.
- [Cashflow Trend](https://reui.io/blocks/chart/composed-chart/chart-21.md): Cashflow area and line chart card with period range selector and total plus percentage trend. Best for one cashflow line over a soft area whose total sums the months a 6 month, 12 month or 2 year Select keeps, labeled by date range.
- [Canary Analysis](https://reui.io/blocks/chart/composed-chart/chart-36.md): Live canary health panel with release against baseline error rate and latency charts. Best for a live canary streaming 2 release against baseline charts that holds at a Promote gate, with Pause, Roll back and a CSV export.
- [Canary Rollback](https://reui.io/blocks/chart/composed-chart/chart-37.md): Canary latency chart with a p95 limit breach and rollback marker for a rolled-back release. Best for a static read of one rolled back release whose p95 crosses its limit over a flat baseline, with traffic step and rollback markers.

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.