Horizon chart
Horizon chart that folds several time series into compact layered bands on one time axis, with a crosshair reading every row.
Preview
Temperature vs. seasonal normal
°C, dailyApr 30latest
| Time | Coast | Harbour | Delta | Valley | Plains | Highlands |
|---|---|---|---|---|---|---|
| Mar 1 | +0.1° | +0.3° | +0.2° | −0.3° | −0.1° | −0.3° |
| Mar 2 | −0.2° | +0.1° | 0.0° | 0.0° | 0.0° | 0.0° |
| Mar 3 | +0.2° | +0.4° | −0.3° | +0.5° | 0.0° | +0.2° |
| Mar 4 | +0.2° | +0.8° | −0.2° | +0.6° | +0.1° | +0.4° |
| Mar 5 | 0.0° | +0.2° | −0.1° | +0.6° | +0.4° | +0.2° |
| Mar 6 | 0.0° | +0.4° | −0.1° | +0.5° | −0.2° | +0.2° |
| Mar 7 | −0.2° | 0.0° | −0.5° | +0.8° | +0.3° | +0.7° |
| Mar 8 | −0.1° | −0.2° | −0.9° | +0.5° | +0.7° | +0.5° |
| Mar 9 | −0.4° | +0.2° | −0.4° | 0.0° | +0.3° | +0.4° |
| Mar 10 | −0.7° | +0.3° | −0.5° | +0.2° | −0.1° | +0.6° |
| Mar 11 | −0.3° | −0.1° | −0.4° | +0.6° | −0.3° | +0.2° |
| Mar 12 | −0.1° | +0.3° | −0.3° | +0.9° | +0.2° | −0.4° |
| Mar 13 | +0.4° | 0.0° | 0.0° | +0.8° | 0.0° | −0.6° |
| Mar 14 | −0.1° | −0.1° | −0.5° | +0.5° | −0.2° | −0.4° |
| Mar 15 | +0.4° | −0.1° | +0.1° | +0.7° | −0.1° | 0.0° |
| Mar 16 | +0.3° | −0.6° | +0.3° | +0.5° | −0.2° | +0.1° |
| Mar 17 | +0.6° | −1.0° | +0.6° | +0.9° | +0.2° | −0.3° |
| Mar 18 | +0.6° | −0.4° | +0.2° | +0.9° | +0.5° | +0.2° |
| Mar 19 | +0.7° | −0.5° | +0.1° | +0.7° | +0.5° | −0.4° |
| Mar 20 | +0.9° | −0.3° | −0.1° | +1.0° | +0.8° | +0.1° |
| Mar 21 | +0.7° | −0.1° | −0.5° | +0.9° | +0.3° | 0.0° |
| Mar 22 | +0.4° | +0.2° | −0.4° | +0.5° | −0.1° | +0.2° |
| Mar 23 | +0.6° | +0.3° | +0.1° | +0.1° | −0.1° | −0.1° |
| Mar 24 | +0.3° | 0.0° | 0.0° | +0.2° | −0.2° | +0.2° |
| Mar 25 | +0.3° | +0.4° | 0.0° | +0.3° | +0.1° | +0.1° |
| Mar 26 | +0.7° | +0.2° | −0.2° | +0.2° | +0.5° | +0.2° |
| Mar 27 | +1.1° | +0.5° | +0.1° | +0.5° | +0.6° | +0.2° |
| Mar 28 | +0.5° | +0.9° | −0.3° | +0.6° | +0.2° | +0.5° |
| Mar 29 | +0.3° | +1.2° | −0.5° | +1.0° | +0.3° | +0.5° |
| Mar 30 | −0.2° | +0.7° | −0.1° | +1.5° | +0.3° | +0.4° |
| Mar 31 | −0.3° | +0.3° | +0.5° | +1.5° | 0.0° | +0.4° |
| Apr 1 | +0.3° | −0.2° | +0.2° | +1.7° | −0.3° | +0.3° |
| Apr 2 | +0.7° | −0.5° | 0.0° | +1.4° | −0.4° | +0.6° |
| Apr 3 | +1.2° | −0.3° | 0.0° | +1.2° | −0.6° | +0.5° |
| Apr 4 | +0.8° | +0.3° | −0.3° | +1.5° | −0.4° | +0.4° |
| Apr 5 | +0.8° | 0.0° | −0.3° | +1.5° | −0.3° | 0.0° |
| Apr 6 | +0.6° | −0.1° | −0.3° | +2.0° | 0.0° | +0.3° |
| Apr 7 | +0.6° | +0.4° | +0.5° | +1.8° | +0.3° | +0.4° |
| Apr 8 | +0.7° | +1.1° | +1.1° | +2.2° | +0.1° | +1.1° |
| Apr 9 | +1.0° | +0.9° | +1.3° | +2.1° | +0.8° | +1.4° |
| Apr 10 | +1.6° | +1.1° | +2.3° | +3.0° | +1.3° | +1.8° |
| Apr 11 | +2.5° | +1.9° | +2.6° | +3.1° | +1.2° | +1.9° |
| Apr 12 | +2.3° | +2.1° | +2.6° | +3.1° | +2.0° | +1.7° |
| Apr 13 | +2.7° | +2.5° | +2.6° | +3.4° | +2.5° | +1.5° |
| Apr 14 | +2.5° | +2.5° | +2.5° | +3.5° | +2.2° | +1.8° |
| Apr 15 | +2.4° | +2.2° | +2.9° | +3.1° | +1.6° | +1.5° |
| Apr 16 | +1.9° | +1.6° | +3.1° | +2.8° | +1.1° | +1.8° |
| Apr 17 | +2.0° | +1.2° | +2.5° | +2.4° | +0.5° | +1.7° |
| Apr 18 | +1.4° | +1.3° | +1.7° | +2.4° | −0.2° | +1.5° |
| Apr 19 | +1.3° | +1.3° | +1.9° | +2.4° | −0.3° | +0.7° |
| Apr 20 | +0.7° | +1.3° | +1.5° | +2.0° | −0.2° | +0.6° |
| Apr 21 | +0.7° | +0.5° | +1.1° | +1.2° | −0.8° | +0.2° |
| Apr 22 | +0.1° | +0.4° | +1.3° | +1.0° | −1.2° | 0.0° |
| Apr 23 | +0.5° | +0.6° | +0.9° | +1.1° | −0.8° | −0.6° |
| Apr 24 | +0.1° | +0.4° | +0.6° | +1.3° | −0.4° | −1.2° |
| Apr 25 | +0.4° | +0.7° | +0.4° | +1.2° | −0.6° | −1.2° |
| Apr 26 | +0.8° | +0.6° | +0.4° | +0.8° | −0.5° | −1.1° |
| Apr 27 | +1.0° | +0.7° | +0.7° | +1.5° | −0.2° | −1.4° |
| Apr 28 | +1.3° | +0.4° | +1.0° | +1.1° | −0.3° | −1.1° |
| Apr 29 | +1.4° | +0.2° | +0.8° | +0.9° | +0.1° | −1.7° |
| Apr 30 | +1.1° | +0.1° | +1.1° | +0.8° | −0.4° | −1.2° |
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| series | { key, label, values: number[] }[] | — | One row per series; values are differences from a baseline. |
| labels | string[] | — | One label per point on the shared time axis. |
| label | string | — | Accessible name and table caption. |
| bands | number | 3 | Folded layers per row. |
| scale | "shared" | "row" | "shared" | One range for every row, or each row scaled to its own. |
| rowHeight | number | 34 | Height of each band row in px. |
| positiveColor | string | "var(--chart-2)" | Colour above the baseline. |
| negativeColor | string | "var(--chart-4)" | Colour below the baseline. |
| valueFormatter | (value: number) => string | signed, 1 decimal | Formats readouts, the key and the table. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.