Cascade
How far, and how cleanly, a single decision travels.
- Status
- Live
- Medium
- Web Animations API
- 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.
01 · Notes
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.
02 · Notes
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.
If something feels off, start there.
Tell me what's going on and what a good outcome would look like. A short email is enough — I read every one and reply within two working days.