Radar chart
Radar chart for one to three series with polygon or circle grid, translucent fills, per-axis tooltip by hover or keyboard, legend toggles and a grow-in intro.
Preview
Skill profile
Self-review, Q3| skill | Lena Ortiz | Omar Haddad |
|---|---|---|
| Design | 86 | 62 |
| Frontend | 78 | 91 |
| Backend | 44 | 83 |
| Testing | 69 | 74 |
| Writing | 92 | 58 |
| Research | 81 | 49 |
Release health
Score out of 100| metric | v4.0 | v3.2 | Target |
|---|---|---|---|
| Startup | 88 | 62 | 90 |
| Crash-free | 94 | 71 | 95 |
| Coverage | 85 | 80 | 90 |
| Docs | 92 | 75 | 90 |
| Security | 79 | 66 | 85 |
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data | Record<string, string | number>[] | — | One row per axis. |
| index | string | — | Key of the axis name in each row. |
| series | { key: string; label: string; color?: string; dashed?: boolean }[] | — | One to three series; `dashed` draws an unfilled outline (targets). |
| label | string | — | Accessible name and caption of the hidden data table. |
| size | number | 320 | Diameter in px, labels included. |
| max | number | nice max | Value at the outer ring. |
| rings | number | 4 | Number of grid rings. |
| gridType | "polygon" | "circle" | "polygon" | Ring shape. |
| dots | boolean | true | Dots on the vertices. |
| legend | boolean | true | Toggleable legend pills (two or more series). |
| defaultHidden | string[] | [] | Series keys hidden at first. |
| valueFormatter | (value: number) => string | Intl number | Formats values. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.