# Floor Monitor block

> NFT floor price line chart with a top bid spread band and a floor alert

Daily NFT collection floor price over 7D, 30D, 90D or 1Y against the top collection bid, with the spread as a band, a floor alert that tints every close below its level, a full readout tooltip, stats and CSV export. ReUI Frame.

- Type: Pro block
- Category: [Line Chart](https://web.dev.reui.io/blocks/chart/line-chart.md)
- Page: https://web.dev.reui.io/blocks/chart/line-chart/chart-26
- MCP: `get_block("chart-26")`
- Built with: Badge, Button, Button Group, Chart, Dropdown Menu, Empty, Field, Frame, Icon Tile, Input Group, Popover, Skeleton, Switch, Toggle Group, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

One collection's floor price against its top bid over a picked range, with a floor alert level the analyst sets

## Agent notes

- Replace `buildYear` in data.ts with real daily closes; `ROWS_BY_RANGE` in floor-view.ts slices each range once, so a range switch hands the plot a stable array
- `saveAlert` in chart.tsx is where the alert reaches your alerts API; `alertStatus` checks it against the latest close, and the plot tints closes below the level
- `useDemoState` opens the designed empty, loading and error states from a demo URL parameter; in a host app, drive those branches from your own fetch state

## When not to use

- One account balance against a benchmark, with high and low markers: use [Balance Tracker](https://web.dev.reui.io/blocks/chart/line-chart/chart-4.md) (`get_block("chart-4")`)
- Two measures on different scales against left and right axes: use [Sales vs Traffic](https://web.dev.reui.io/blocks/chart/line-chart/chart-24.md) (`get_block("chart-24")`)

## Third-party libraries

- Recharts v3: [API reference](https://recharts.github.io/en-US/api/), [docs](https://recharts.github.io/en-US/guide/getting-started/)
- Sonner v2: [API reference](https://sonner.emilkowal.ski/toast), [docs](https://sonner.emilkowal.ski/getting-started)

## Install

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

## About Line Chart blocks

### When to use

- A balance, price or revenue trend as a single stroke with period tabs and a peak marker
- Several platforms or channels compared as separate strokes on one time axis
- Two measures on different scales plotted against left and right axes

### When not to use

- A trend that needs its volume emphasized with a filled region below it: use the [Area Chart blocks](https://web.dev.reui.io/blocks/chart/area-chart.md)
- Compact tiles where each figure carries a small trend of its own: use the [Sparkline blocks](https://web.dev.reui.io/blocks/chart/sparkline.md)

### Agent notes

- Series colors live in the `ChartContainer` config; chart-6 and chart-26 plot in a `ComposedChart` with an `Area`, the others in a `LineChart`

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.