Gauges & Charts
Chart
Finance area line chart and in/out bar chart, built on shadcn charts (Recharts).
Source captures·from the SEED early-access trailer
Balance over time
Smoothed blue line with a fading area fill. Hover for values.
Balance over time
Money in vs out
Paired green and red bars on the same compact axis.
Money in vs out
In Out
Breakdown
Where it goes
Neutral Territory Purchase
In context
The Finance tab of the Societies window.
Balance+2.2%
24,011
Money in Money out
Balance over time
Money in vs out
In Out
Where it goes
Neutral Territory Purchase
API
| Prop | Type | Default | Description |
|---|---|---|---|
| BalanceChart.data | { label: string; balance: number }[] | — | |
| InOutChart.data | { label: string; in: number; out: number }[] | — | |
| ChartCard.title / aside | ReactNode | — | Card header; aside holds legends or range toggles. |
| ChartLegendDots.items | { label: string; tone: "green" | "red" | "blue" | "orange" }[] | — | |
| BreakdownRow | { label, amount, share, tone? } | — | Share is 0–100. |