Percentile rank
"You're in the top 12%" display with a distribution curve, your marker, a rolling percentile, labelled bands and a compact inline variant.
Preview
Weekly active minutes, your team: 408 min. Top 12% of 1,240 teams (percentile 88), top quarter.
Compact
Median first reply, 6 h
Docs pages read, 24
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | — | Your score. |
| values | number[] | — | Everyone's scores. |
| label | string | — | What is measured. |
| population | string | "people" | Who you are compared with. |
| higherIsBetter | boolean | true | Larger values rank higher. |
| bands | { to: number; label: string }[] | quarters | Percentile bands, low to high. |
| variant | "card" | "compact" | "card" | Distribution card or a compact inline badge. |
| valueFormatter | (value: number) => string | 1 decimal | Formats your score. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.