KQ-040 · RADIAL/BARS
Radial Bars
A polar bar chart — wedges radiate from a hub, each growing to its value on the glide spring; hover or focus a wedge to brighten it and read its value in the hub.
KQ-040 · RADIAL/BARS
Throughput · req/s
08 · SERIES
- edge-01: 1,240 rps
- api-gw: 1,520 rps
- auth: 720 rps
- cache: 1,880 rps
- queue: 540 rps
- search: 1,060 rps
- ledger: 1,330 rps
- media: 890 rps
Hover or focus a wedge — the hub reads its node.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/radial-bars
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data | { label: string; value: number; color?: string }[] | — | One wedge per entry; value drives its radial length. |
| max | number | — | Value that reaches the outer radius; defaults to the data max. |
| size / format | number / (value) => string | — | Diameter in px and value formatting for the readout. |
| aria-label | string | — | Names the chart region. |