Range chart
Line with a shaded confidence or min–max band, a dashed forecast continuation and a hover readout of value and range.
Preview
Weekly sign-ups
Average per week, 2026ActualForecast80% interval
| Point | Value | Low | High |
|---|---|---|---|
| Jan | 412 | ||
| Feb | 438 | ||
| Mar | 451 | ||
| Apr | 470 | ||
| May | 492 | ||
| Jun | 488 | ||
| Jul | 515 | ||
| Aug | 541 | ||
| Sep | 556 | ||
| Oct | 579 | 579 | 579 |
| Nov (forecast) | 598 | 572 | 624 |
| Dec (forecast) | 617 | 571 | 662 |
Lisbon this week
°CMeanLow–high
| Point | Value | Low | High |
|---|---|---|---|
| Mon | 14° | 9° | 18° |
| Tue | 15° | 10° | 20° |
| Wed | 13° | 8° | 17° |
| Thu | 11° | 6° | 15° |
| Fri | 12° | 7° | 16° |
| Sat | 16° | 10° | 21° |
| Sun | 17° | 12° | 22° |
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data | { x: string; value: number; low?: number; high?: number; forecast?: boolean }[] | — | Points with an optional band and forecast flag. |
| label | string | — | Accessible name and table caption. |
| bandLabel | string | "Range" | What the band means ("80% interval"). |
| lineLabel | string | "Actual" | Legend name of the line. |
| height | number | 260 | Height in px; width follows the container. |
| color | string | "var(--chart-2)" | Line and band colour. |
| valueFormatter | (value: number) => string | 1 decimal | Formats values. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.