# Inflows by Source block

> Capital inflows donut chart card with Week, Month, Year tabs and a per-source legend

Donut chart card breaking down capital inflows by source, with Week/Month/Year tabs, center total, and a legend of each source's amount and percent share. ReUI Frame plus shadcn Chart (recharts pie), Tabs, Tooltip. For finance and revenue breakdowns.

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

## Best for

A full donut that adds an Other Sources slice for the untracked share, with a dashed center ring, an info tooltip and a reveal

## Agent notes

- Replace `inflowPeriods` in data.ts; `amount` and `total` are strings with a comma decimal such as $12,4M, and `share` is a whole percent
- Slices size by the hand set `share`, not by `amount`, and `getDonutData` fills the gap to 100 with an Other Sources slice
- `Chart` renders `CHART_REVEAL_STYLE` as an inline style element holding the reveal keyframes; move it into your stylesheet

## When not to use

- A half ring gauge with the total inside the arc and a range picked from a menu: use [Inflows Gauge](https://reui.io/blocks/chart/radial-chart/chart-12.md) (`get_block("chart-12")`)
- Browser traffic with each slice labeled by its visitor count and an Export button: use [Browser Usage](https://reui.io/blocks/chart/pie-chart/chart-27.md) (`get_block("chart-27")`)

## Install

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

## About Pie Chart blocks

### When to use

- A share of a total split across a few sources, browsers or funds around a donut
- A donut with the total in its center and a legend row per segment under period tabs

### When not to use

- A single figure measured against a target on an arc gauge: use the [Radial Chart blocks](https://reui.io/blocks/chart/radial-chart.md)
- Shares across more than a handful of categories that need exact comparison: use the [Bar Chart blocks](https://reui.io/blocks/chart/bar-chart.md)

### Agent notes

- The donut hole is the `innerRadius` on `Pie`, and slice labels and colors come from `chartConfig`

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.