Examples

Lanes

Split timeline events into named horizontal lanes while keeping a shared bottom axis.

Multi-lane layout, styling and runtime controls

Define explicit lanes with options.lane.data, place events with ArticleData.lane, and update each lane at runtime through the Lane API.

Use the lane DOM hooks, including histropedia-lane-index-N and histropedia-lane-position-*, for stylesheet-only lane backgrounds and stacking effects. For a smaller starting point, open the simple timeline lanes CodePen.

{}