/docsfor

Horizon

A tall line folded into a short band.

import { Horizon } from "diagrammatic";

A dashboard that has eight hosts and eight rows of height. Each strip is a full day folded three times. Darker means a higher fold, not a different host.

Fleet load across 24 hoursapi-1aapi-1bapi-2aworker-aworker-bjobsedge-wedge-e00061218

Illustrative data. Requests per second, hourly. Darker fold is higher load.

fig. 09 · Fleet load, eight hosts, one day

The API pair peaks together at 11:00. Workers peak later, at 14:00 and 15:00. Jobs peaks at 02:00. The edge rows have lower peaks of 6.4k and 6.8k requests per second.

Use it for
Dense grids of many series where vertical space is scarce.
Watch out
Readers need a key to unfold the layers; keep the fold count at two or three.