Change over time

Horizon chart

Divides an area chart into value bands and overlays them to compress its height.

  • Chart
  • Trend over time
  • Deviation

What it answers

Where are large excursions in a compact time series?

Shape
Folded and overlaid colour bands
What it shows
Timing and magnitude bands of deviations.

Example

The question

Which servers ran hottest, and when, over the last day?

CPU load above and below normal, four servers (horizon chart)

CPU load above and below normal, four servers (horizon chart)Each row folds the line into colour bands: pink is above normal, cyan below, darker means further away. Database runs hot around midday; Batch runs hot overnight.Web 1Web 2DatabaseBatch0006121824
CPU load above and below normal, four servers (horizon chart)Each row folds the line into colour bands: pink is above normal, cyan below, darker means further away. Database runs hot around midday; Batch runs hot overnight.Web 1Web 2DatabaseBatch0006121824
Each row folds the line into colour bands: pink is above normal, cyan below, darker means further away. Database runs hot around midday; Batch runs hot overnight.

Illustrative data. It belongs to no company.

When to use it

Use it when

Dense aligned time-series displays for experienced readers.

Avoid it when

Unfamiliar audiences without a clear key or when exact values dominate.

How to read it

Read colour bands using their thresholds and signs; compare time positions.

Note

Define band thresholds and negative-value handling.

The data you need

Layout
Long table
Fields
Time: date/datetime or ordered number; Value: number
One row is
One observation at a time or ordered position. What is the grain?
Rules
Parse dates consistently and sort ascending. Resolve duplicate timestamps by a declared rule. Missing values are not automatically zero.
Optional
Optional Series. Use regular spacing for methods requiring it.
Preparation
Choose value-band width and a reference; split signed excursions into bands before folding/overlaying.
Units
Time uses a stated date/time unit and sampling period; the value axis uses the measure's unit. Rates need their own explicit denominator.
Example of the input layout: Long tableA long table: one row per observation, few columns. New data adds rows.TimeValueAABBC
A long table: one row per observation, few columns. New data adds rows.

Worked example

Data deviations 2,7,-3 with band width 5. Value 7 occupies the second positive band; -3 uses the negative encoding.

TimeValue
2026-01-0130
2026-02-0134
2026-03-0138