Source Constellation
show how multiple sources gather around claims, topics, or decisions
frame — bodies 0 relationships 0
Running the actual recipe live via applyRecipe() — not a mock.
"Source Constellation" — show how multiple sources gather around claims, topics, or decisions. It has a link layer (ropes / cloth between neighbours), a charge layer (attract/repel charged matter), a gravity layer (universal attraction toward mass), a memory layer (a decaying trail / hysteresis), and a cohesion layer (flocking — pull toward neighbours). The active render stack is links, metaballs, particles, trails.
Strong binding holds sources to the claims they support while electric charge lets contradictory sources carry the opposite sign; repeatedly cited sources gain mass and memory.
Copy this recipe
<field-root></field-root>
<div data-body="link" data-strength="1" data-range="360" data-feedback></div>
<div data-body="charge" data-strength="0.7" data-range="340" data-spin="1"></div>
<div data-body="gravity" data-strength="0.8" data-range="380"></div>
<div data-body="memory" data-strength="0.5" data-range="280"></div>
<div data-body="cohesion" data-strength="0.6" data-range="300"></div> See also
- Relationship Bond keep related elements visually and behaviorally connected
- Concept Cluster group related terms, cards, or sections without hard layout changes
- Coherence Field show whether a form, workflow, or dataset is becoming stable
- Form Stability Field show validation as coherence instead of error noise
- Dependency Tension reveal constraints, blockers, and coupled states
- Group Magnet let related cards, assets, or controls cluster intelligently