# Heart Rate Zones block

> Heart rate metric card with segmented zone bar and large bpm readout

Compact health stat card showing a big bpm value, heart icon tile, and a 4-segment heart-rate zone meter (rest to peak) with one active band. Built on ReUI Frame and shadcn Button. For fitness, wearable, and vitals dashboards.

- Type: Pro block
- Category: [Bar Chart](https://reui.io/blocks/chart/bar-chart.md)
- Page: https://reui.io/blocks/chart/bar-chart/chart-10
- MCP: `get_block("chart-10")`
- Built with: Button, Frame
- Installs with a ReUI Pro or Ultimate license; setup: https://reui.io/docs/license-setup

## Best for

A static vitals tile with one bpm reading and a 4 zone bar with the active zone lit, no data file and no client state

## Agent notes

- `ZoneBar` lights whichever `HEART_RATE_ZONES` entry has `tone` active, a fixed pick; compute it from the live reading
- The 142 bpm figure is hardcoded in `Chart` and again in the `ZoneBar` aria-label, apart from the zone array
- The ellipsis `Button` labeled Heart rate actions has no click handler and opens no menu

## When not to use

- Several fitness readings side by side, each a figure with a unit suffix: use [Fitness Stats](https://reui.io/blocks/application/card/card-40.md) (`get_block("card-40")`)
- An activity distance total that switches between week, month and year: use [Distance Tracker](https://reui.io/blocks/chart/sparkline/chart-11.md) (`get_block("chart-11")`)

## Install

```bash
npx shadcn@latest add @reui/chart-10
```

## About Bar Chart blocks

### When to use

- Values compared across hours, days or categories as grouped, stacked or hatched columns
- Run durations or event volumes against a timeout or limit line, with outcome toggles
- Segmented meters that split a capacity, a fund or a heart rate zone into colored slices

### When not to use

- A share of a whole where the slices read better around a ring: use the [Pie Chart blocks](https://reui.io/blocks/chart/pie-chart.md)
- A progress reading shown as an arc gauge with a status label: use the [Radial Chart blocks](https://reui.io/blocks/chart/radial-chart.md)
- Rows of jobs or deploys, each with its own run history strip: use the [Status Tracker blocks](https://reui.io/blocks/chart/status-tracker.md)

### Agent notes

- `Chart` renders with no props, so every bar, meter value and limit comes from constants kept in the block folder

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.