Theme 067 · Data storytelling

Pulsar Ridgeline

The Unknown Pleasures cover as a monitoring language: stacked white ridgelines on black, one line per minute of traffic, like a radio signal from deep space. Pulse turns the noise into one clean teal line shaped like its own mark, and the anomaly is the minute the peaks suddenly go flat.

readability ●●○trust ●●○effort med

1 · HOOK0:00–0:08

Ridges scroll upward one line per 8th note like a receiving signal; the headline fades in white and the stack freezes on the downbeat before the drop.

2 · REVEAL0:08 (drop)

On the drop the noise calms and the front ridge redraws itself into the Acme pulse line in teal; the coral dot blinks on beat 2 and the wordmark rises from below.

3 · PROOF MOMENT0:12–0:32

Minute-ridges keep printing from the top down; at 09:42 a coral ridge lands on the snare and every line after it is visibly flatter, then the −18% column and Roll back fade in on the next bar.

4 · CTA0:36–0:45

The teal ridge field breathes gently at half-time; Pulse watches lands on the downbeat and the Start free button snaps in on the final bar.

COMPONENT KIT

Ridge line — occluding filled stroke, one per minute, front lines hide back ones
Signal ridge — the front line redrawn as the Acme pulse shape
Time gutter — mono minute labels every 5 ridges on the left
Event ridge — one coral line + dashed guide at the anomaly minute
Stat column — serif −18% with mono context on the right
Black field — deep near-black ground, off-white strokes, no grid

MOTION · MUSIC

Ridge print — each new ridge slides up 17 px with power1.out 0.25 s — one 8th note at 120 BPM — the stack scrolls like a pen plotter
Morph to pulse — front ridge path morphs into the mark's pulse shape, expo.inOut 0.75 s, landing on the drop; stroke goes white → teal
Flatten — post-09:42 ridges scale Y to 0.42 with sine.inOut 0.5 s, staggered 0.05 s, so the flattening ripples down on the snare

WHY / RISK · ADAPT IT

It's beautiful, instantly recognisable and turns a boring conversion rate into a heartbeat; flat peaks read as 'something died' without explanation. Risk: moody black can feel like a music video — keep the labels and −18% column crisp.

Adapt to your product: Any time-series with a rhythm (requests per minute, builds per hour, messages per second) can be stacked as ridges; swap the pulse shape for your own logo line and show your anomaly as the moment the peaks change.

References: en.wikipedia.org/wiki/Unknown_Pleasures (Peter Saville's cover: CP 1919 pulsar ridgeline, reversed to white on black) · www.data-to-viz.com/graph/ridgeline.html (ridgeline (joyplot) chart definition and use)