Charts
Horizon chart
Many series, folded into bands. Twenty lanes where two line charts would fit.
visitors4,194
pageviews9,799
visits4,775
events563
2026-08-132026-09-11
4 series over 30 points, from 2026-08-13 to 2026-09-11.
Props
| Property | Type | Default | Description |
|---|---|---|---|
data | ChartDatum[] | — | Shared time rows. Every lane reads its own key off the same rows. |
dataKeys | string[] | — | One lane per key, in order. This is the point of the chart — pass many. |
labelKey | string | "date" | Field used for the first and last axis labels. |
variant | "bands" | "mirror" | "bands" | mirror folds negative values back up, so a drop reads as depth rather than as zero. |
bands | number | 3 | How many times each lane's range is folded. More bands, more resolution per pixel. |
laneHeight | number | 26 | Height of one lane in px. The whole chart is this times the number of keys. |
className | string | — | Outer wrapper. |