Source Constellation
show how multiple sources gather around claims, topics, or decisions
Running the actual pattern live via applyPattern() — switch the substrate, stack overlays, watch the signals, or reverse the dynamics. 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 pattern
<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> <script type="module">
import '@fundamental-engine/elements';
</script>
<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> import { FieldField } from '@fundamental-engine/react';
export default function SourceConstellation() {
return (
<FieldField>
<div data-body="link" data-strength="1" data-range="360" data-feedback />
<div data-body="charge" data-strength="0.7" data-range="340" data-spin="1" />
<div data-body="gravity" data-strength="0.8" data-range="380" />
<div data-body="memory" data-strength="0.5" data-range="280" />
<div data-body="cohesion" data-strength="0.6" data-range="300" />
</FieldField>
);
} {
"id": "source-constellation",
"name": "Source Constellation",
"intent": "show how multiple sources gather around claims, topics, or decisions",
"naturalField": "strong",
"primitives": [
"link",
"charge",
"gravity",
"memory",
"cohesion"
],
"bodies": [
{
"body": "link",
"strength": 1,
"range": 360,
"feedback": true
},
{
"body": "charge",
"strength": 0.7,
"range": 340,
"spin": 1
},
{
"body": "gravity",
"strength": 0.8,
"range": 380
},
{
"body": "memory",
"strength": 0.5,
"range": 280
},
{
"body": "cohesion",
"strength": 0.6,
"range": 300
}
],
"relationships": [
{
"from": "source",
"to": "claim",
"type": "support",
"strength": 0.8
}
],
"render": [
"links",
"metaballs",
"particles",
"trails"
],
"metrics": [
"confidence",
"support",
"citation-density",
"memory"
],
"diagnostics": [
"topology",
"causality",
"potential"
],
"accessibility": {
"reducedMotion": "a claim and source matrix with a source ranking and labeled support clusters",
"meaningWithoutMotion": "support becomes a ranked matrix where distance is a number and contradiction is a marked row"
},
"notes": "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.",
"tier": "systems",
"status": "shipped"
} 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