Gauges & Charts
Radar Chart
Hexagonal stat radar for physical and mental stats, with optional highlighted delta.
Source captures·from the SEED early-access trailer
Physical stats
Rings break where each axis crosses them; vertices are white dots.
Change against a previous value
Gains show as green wedges and green vertices, losses as red. Shapes animate between states.
Mental
State
State
Summary pair
The final character summary shows both radars small, side by side.
Physical Stats
Mental Stats
Without labels
API
| Prop | Type | Default | Description |
|---|---|---|---|
| axes | { label: string; value: number; previous?: number }[] | — | Clockwise from 12 o’clock. |
| max | number | 10 | Value at the outer ring. |
| rings | number | 6 | |
| size | number | 320 | Max width in px; scales down to fit. |
| title | ReactNode | — | Faded watermark in the top right. |
| showLabels / showDots | boolean | true | |
| physicalStats / mentalStats | string[] | — | Axis orders used in the game. |