1. Core Architecture
Hub node · (370, 290)
scroll-snap-align: center
v156 · scroll-snap-type: pair · practical 2d canvas
Spatial mind-map navigator
Mind maps, node editors, and diagram boards place cards organically in 2D space. With scroll-snap-type: both, a diagonal pan between nodes often snaps X to one branch and Y to an unrelated branch, framing empty canvas. With scroll-snap-type: pair mandatory, every pan settles on a real node.
Explore the 2D node graph
CSS configuration
| node | target scroll (left, top) | distance (px) | status |
|---|