Fundamental

← all recipes

Strong systems

Relation Lens

temporarily reveal hidden connections without changing layout

frame — bodies 0 relationships 0

Running the actual recipe live via applyRecipe() — not a mock.

"Relation Lens" — temporarily reveal hidden connections without changing layout. It has a link layer (ropes / cloth between neighbours), a memory layer (a decaying trail / hysteresis), and a cohesion layer (flocking — pull toward neighbours). The active render stack is links, field-lines, particles, dots.

Strong relational binding lets the lens light up link bonds among visible elements; memory and cohesion hold the revealed map steady so definitions, citations, and dependencies show without moving anything.

Runtime tokens
link memory cohesion
Metrics
relation-strength active-relation density relation-strength, active-relation, density are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.
Diagnostics
topology inspector causality
Render
links · field-lines · particles · dots
Reduced motion
a relation list with numbered connectors and a static map
Without motion
connections become a numbered list pairing each element with what it relates to, layout unchanged

Copy this recipe

<field-root></field-root>
  <div data-body="link" data-strength="1.1" data-range="380" data-feedback></div>
  <div data-body="memory" data-strength="0.6" data-range="280"></div>
  <div data-body="cohesion" data-strength="0.6" data-range="300"></div>

See also