# Shadcn Radial Chart blocks

> Radial cards for a value against a limit or target: concentric error budget rings, API health ring gauges and a day clock of inflows.

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

## When to use

- Error budget left per SLO objective as concentric rings beside burn rate and status
- A row of round meters, one per API or service metric, each with a trend delta
- Cash settled over a period on a radial day clock against a target ring

## When not to use

- Several sources sharing one total, read as slices of a ring: use the [Pie Chart blocks](https://web.dev.reui.io/blocks/chart/pie-chart.md)
- A capacity or allocation meter laid out as straight segments in a row: use the [Stats blocks](https://web.dev.reui.io/blocks/application/stats.md)

## Agent notes

- chart-7 draws concentric rings with recharts `RadialBarChart`, chart-8 builds each gauge from SVG `line` ticks, and chart-12 draws its day clock as plain SVG

## Third-party libraries

- Sonner v2: [API reference](https://sonner.emilkowal.ski/toast), [docs](https://sonner.emilkowal.ski/getting-started), used by 3 of 3 blocks
- Recharts v3: [API reference](https://recharts.github.io/en-US/api/), [docs](https://recharts.github.io/en-US/guide/getting-started/), used by 1 of 3 blocks
- Motion v12: [API reference](https://motion.dev/docs/react-motion-component), [docs](https://motion.dev/docs/react), used by 1 of 3 blocks (the docs follow the latest Motion, with no React API break since v12)

## Blocks

- [Error Budgets](https://web.dev.reui.io/blocks/chart/radial-chart/chart-7.md): SLO error budget card with concentric radial rings per objective, burn rate and a service switch. Best for one service's error budgets as concentric radial rings, with attainment, burn rate and status per objective.
- [API Health](https://web.dev.reui.io/blocks/chart/radial-chart/chart-8.md): API health KPI panel with SLO ring gauges, trend arrows and region scope. Best for four service health signals per region against their SLO or capacity, each a ring of the limit used over its window's key facts.
- [Inflows Gauge](https://web.dev.reui.io/blocks/chart/radial-chart/chart-12.md): Cash inflows radial day clock with source spokes and a source-stacked target ring. Best for one period's inflows as a radial day clock of source spokes, inside a target ring stacked by source with a pace bead.

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