# Shadcn Sparkline blocks

> KPI tiles and metric lists where each value pairs with a small line, area or bar sparkline and a delta.

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

## When to use

- Rows of metric tiles, each pairing its value with a sparkline, a meter or a delta
- Health strips for cron jobs, SLOs or data syncs that open with KPI tiles and mini trends
- Metric lists where every row ends in a small trend and a change badge

## When not to use

- Plain KPI numbers that need only a delta badge, an actions menu or a progress bar: use the [Stats blocks](https://reui.io/blocks/application/stats.md)
- One metric that deserves a full width plot with axes and a tooltip: use the [Area Chart blocks](https://reui.io/blocks/chart/area-chart.md)
- A whole overview page that sets a header, summary tiles and a work list around its plots: use the [Dashboard blocks](https://reui.io/blocks/application/dashboard.md)

## Agent notes

- `Chart` takes no props and fetches nothing: every tile value and series comes from constants in the block's own folder

## Blocks

- [Inventory Health](https://reui.io/blocks/chart/sparkline/chart-1.md): Inventory KPI summary card with period tabs and per-metric sparkline trends. Best for catalog stock health in 4 divided cells whose values, sparklines and footer summary all swap on a Week, Month or Year tab.
- [KPI Strip](https://reui.io/blocks/chart/sparkline/chart-2.md): Four-column KPI stat row with corner line sparklines and trend badges. Best for a static 4 cell strip whose values split into bold and faint parts, with a hover sparkline pinned to each cell's corner.
- [Wallet Balances](https://reui.io/blocks/chart/sparkline/chart-3.md): Portfolio Balance Cards with Bottom-Anchored Line Charts on a Dotted Bed. Best for a row of 3 balance cards, each with an icon tile, a signed change and an edge to edge line along its bottom over a fading dot grid.
- [Wealth Overview](https://reui.io/blocks/chart/sparkline/chart-5.md): Finance KPI metric grid with delta badges, brand logo stacks and mini area sparklines. Best for a narrow 2 by 2 grid of finance cards with brand logo stacks on 2 of them and an edge to edge area sparkline in each.
- [Distance Tracker](https://reui.io/blocks/chart/sparkline/chart-11.md): Distance Metric Card with Week, Month, Year Tabs and Dotted Sparkline Fill. Best for one distance figure over a raw SVG path with a dotted fill, where Week, Month and Year tabs swap path strings stored in data.
- [KPI Trend Cards](https://reui.io/blocks/chart/sparkline/chart-15.md): Three KPI stat cards with gradient sparkline area charts and hover tooltips. Best for a set of 3 standalone ghost panels, each with a colored icon, a 28 day value and its own hued gradient area sparkline.
- [Order Metrics](https://reui.io/blocks/chart/sparkline/chart-25.md): Order Metrics List Card with Per-Row Line Sparklines and Trend Badges. Best for a stacked list of 5 metric rows, each pairing a value and trend badge with a line sparkline on a faded grid and no tooltip.
- [Cron Job Health](https://reui.io/blocks/chart/sparkline/chart-31.md): Cron job health KPI strip with SLO sparkline, failure split and next run track. Best for a cron fleet strip of 4 tiles derived from run history at a fixed time: health ticks, an SLO sparkline, a failure split and a next run track.
- [SLO Fleet Health](https://reui.io/blocks/chart/sparkline/chart-41.md): SLO health KPI strip with lollipop minis for budget left, hourly burn peaks and budget events. Best for an SLO fleet strip of 4 tiles with lollipop and bead minis whose footer band turns into a column readout on hover or arrow keys.
- [SLO Budgets](https://reui.io/blocks/chart/sparkline/chart-44.md): SLO error budget list with diverging lollipop pins, an attention filter and a New SLO dialog. Best for an SLO list where each row pairs a diverging budget lollipop with a 28 day bead trend, plus an attention filter, sort and New SLO dialog.
- [Connection Health](https://reui.io/blocks/chart/sparkline/chart-46.md): Data connection KPI strip with health segment bars, a rows synced area trend and failure day bars. Best for a data integration strip of 4 stat cards mixing segment bars, a rows synced area and failure day bars, each with a toned delta chip.

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.