# Portfolio Allocation block

> Portfolio Allocation Card with Week/Month/Year Tabs and Segmented Bar Meter

Finance allocation card: percentage metric with up delta, a segmented vertical-bar meter, equities exposure, and a member avatar stack. Card, Tabs, Tooltip, Avatar. For portfolio, investment, fund dashboards.

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

## Best for

A 56 bar allocation meter with an equities exposure line and a member avatar stack, switched by Week, Month and Year tabs

## Agent notes

- Replace `allocationPeriods` in data.ts; `filledSegments` is set by hand to match `allocation` out of `SEGMENT_COUNT`, so derive it from your figure
- The member label reads `allocationMemberCount` 6 while `allocationMembers` lists 4 avatars; tie the count to your roster
- The `delta` text is always tinted success, so a negative change still renders green

## When not to use

- Several used of total quotas side by side, each with its own segmented meter: use [Capacity Usage](https://reui.io/blocks/chart/bar-chart/chart-28.md) (`get_block("chart-28")`)
- Capital split across named funds, each with a logo and an amount: use [Fund Distribution](https://reui.io/blocks/chart/bar-chart/chart-9.md) (`get_block("chart-9")`)

## Install

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

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