Cascade
A grid at rest. Click and a wave ripples out from that cell — each neighbour pulses on a delay set by its distance, then settles.
Focus
How far, and how cleanly, a single decision travels.
Medium
Web Animations API
Duration
Ongoing
Last updated
June 2026
Click any cell above (or sweep across them) and a wave ripples outward — each cell pulses with a delay proportional to how far it sits from where you touched, then the field settles back to rest.
Why this
one.
A single decision is never local. It travels — through a roadmap, a team, a layout — and the question is how far it reaches and how cleanly. Healthy systems propagate a change as one coherent wave; brittle ones scatter it into noise. This is that propagation, isolated and made watchable.
How it
works.
The browser's own Web Animations API — element.animate() — with no library at all. On each trigger, every cell gets the same short keyframe (a scale + accent pulse) but a different delay, computed from its grid-distance to the origin cell. The platform schedules and runs the whole cascade off the main thread.