# Inventory Velocity block

> Inventory velocity bar chart card with diagonal hatched bars and dotted backdrop

Vertical bar chart in a card showing warehouse turnover by category, with diagonal hatched-pattern bars, dotted grid backdrop, grow-up reveal animation, and a custom tooltip. Uses ReUI Frame, Badge, recharts. Analytics, dashboard, KPI.

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

## Best for

A single series of diagonally hatched bars that grow up on load over a dotted backdrop, with category names cut to 3 letters

## Agent notes

- Replace `chartData` in data.ts; the X axis `tickFormatter` keeps only the first 3 letters of each `category`, so names that share a start read the same
- The 14.2% trend `Badge` and the subtitle are fixed text, not computed from `chartData`
- `default-pattern-dots` and the ids `CustomHatchedBar` builds from `dataKey` are fixed, so 2 copies on one page with different fills share one pattern

## When not to use

- Two series compared per category, with one group in focus on hover: use [Freight Transit Times](https://reui.io/blocks/chart/bar-chart/chart-30.md) (`get_block("chart-30")`)
- A bare bar plot with no card, heading or trend badge around it: use [Chart](https://reui.io/components/chart.md) (`get_component("chart")`)

## Install

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

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