# Data Sync Activity block

> Hourly data sync activity chart with hatched outcome columns and a Runs or Rows toggle

Data sync activity over 24 hours as Recharts stacked columns on muted tracks, hatched until hovered. A ToggleGroup swaps runs by outcome for rows synced; tooltips name failed connections or rows by source. Frame card for ETL and pipeline health.

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

## Best for

Fleet wide sync activity over 24 hours as hatched columns that go solid on hover, with a Runs or Rows toggle and failure names in tooltips

## Agent notes

- Replace `RAW_CONNECTIONS` in data.tsx; each `pattern` string sets 24 hourly outcomes and `hoursOf` invents row counts with `prng`
- The `MODES` toggle is the only control; no column opens its runs or a connection, so the tooltip is the whole drill down
- `INTEGRATION_CATEGORY` maps each integration to the database, warehouse, app or file group in the Rows tooltip; add yours there

## When not to use

- One source's hours above a list of its newest runs, durations and error text: use [Sync Run History](https://reui.io/blocks/chart/bar-chart/chart-47.md) (`get_block("chart-47")`)
- The same hourly activity on a full connections page with a grid and a setup flow: use [Data Connections](https://reui.io/blocks/solutions/dev-ops/solution-dev-ops-6.md) (`get_block("solution-dev-ops-6")`)

## Install

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

## 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.