Bump chart
Rank-over-time chart with smooth lines between rank positions, end labels, a highlight mode that greys context series, and hover or keyboard focus.
Preview
Most-used features
Rank by weekly active teams| Item | May | Jun | Jul | Aug | Sep | Oct |
|---|---|---|---|---|---|---|
| Search | 1 | 1 | 2 | 2 | 1 | 1 |
| Dashboards | 3 | 2 | 1 | 1 | 2 | 2 |
| Exports | 2 | 3 | 3 | 4 | 4 | 3 |
| Alerts | 5 | 5 | 4 | 3 | 3 | 4 |
| API | 4 | 4 | 5 | 5 | 6 | 5 |
| Mobile | 6 | 6 | 6 | 6 | 5 | 6 |
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| periods | string[] | — | Period labels along the x axis. |
| series | { key: string; label: string; ranks: number[]; color?: string }[] | — | One rank per period (1 = top). |
| label | string | — | Accessible name and table caption. |
| rowHeight | number | 38 | Height per rank in px. |
| highlight | string[] | — | Series keys shown in colour; the rest go neutral until hovered. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.