Electromagnetic applied

Citation Thread

bind citations, footnotes, evidence, references into visible relationships

Running the actual pattern live via applyPattern() — switch the substrate, stack overlays, watch the signals, or reverse the dynamics. Not a mock.

"Citation Thread" — bind citations, footnotes, evidence, references into visible relationships. It has a link layer (ropes / cloth between neighbours), a fieldflow layer (solar prominences, aurora, plasma streams, guided matter), a charge layer (attract/repel charged matter), and a memory layer (a decaying trail / hysteresis). Matter follows the field geometry because of fieldflow, not the field-owning force itself. The active render stack is links, field-lines, trails, particles.

Charge binds a citation to its source and fieldflow carries the eye down the thread — electromagnetic relation made readable from either end.

Runtime tokens: link ropes / cloth between neighboursfieldflow solar prominences, aurora, plasma streams, guided mattercharge attract/repel charged mattermemory a decaying trail / hysteresis
Metrics: relation-strength a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertconfidence written only when the host supplies it — the engine never invents confidence/riskmemory computed every frame by the platform (proximity · engagement · relationships · age) relation-strength is a host-supplied lane — drive it with data-field-<metric> (or a domain model); without that, its --field-* stays inert.
Diagnostics: topology causality inspector
Conditions: related
Render: links · field-lines · trails · particles
Reduced motion: persistent source highlights with numbered source links and support badges
Without motion: each claim names its source via a numbered link and a support badge, no thread animation needed

Copy this pattern

<field-root></field-root>
  <div data-body="link" data-strength="1" data-range="360" data-feedback></div>
  <div data-body="fieldflow" data-strength="0.7" data-range="0"></div>
  <div data-body="charge" data-strength="0.6" data-range="300" data-spin="1"></div>
  <div data-body="memory" data-strength="0.5" data-range="260"></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="fieldflow" data-strength="0.7" data-range="0"></div>
  <div data-body="charge" data-strength="0.6" data-range="300" data-spin="1"></div>
  <div data-body="memory" data-strength="0.5" data-range="260"></div>

import { FieldField } from '@fundamental-engine/react';

export default function CitationThread() {
  return (
    <FieldField>
      <div data-body="link" data-strength="1" data-range="360" data-feedback />
      <div data-body="fieldflow" data-strength="0.7" data-range="0" />
      <div data-body="charge" data-strength="0.6" data-range="300" data-spin="1" />
      <div data-body="memory" data-strength="0.5" data-range="260" />
    </FieldField>
  );
}

{
  "id": "citation-thread",
  "name": "Citation Thread",
  "intent": "bind citations, footnotes, evidence, references into visible relationships",
  "naturalField": "electromagnetic",
  "primitives": [
    "link",
    "fieldflow",
    "charge",
    "memory"
  ],
  "bodies": [
    {
      "body": "link",
      "strength": 1,
      "range": 360,
      "feedback": true
    },
    {
      "body": "fieldflow",
      "strength": 0.7,
      "range": 0
    },
    {
      "body": "charge",
      "strength": 0.6,
      "range": 300,
      "spin": 1
    },
    {
      "body": "memory",
      "strength": 0.5,
      "range": 260
    }
  ],
  "relationships": [
    {
      "from": "citation",
      "to": "source",
      "type": "cites",
      "strength": 0.9
    }
  ],
  "render": [
    "links",
    "field-lines",
    "trails",
    "particles"
  ],
  "metrics": [
    "relation-strength",
    "confidence",
    "memory"
  ],
  "diagnostics": [
    "topology",
    "causality",
    "inspector"
  ],
  "accessibility": {
    "reducedMotion": "persistent source highlights with numbered source links and support badges",
    "meaningWithoutMotion": "each claim names its source via a numbered link and a support badge, no thread animation needed"
  },
  "notes": "Charge binds a citation to its source and fieldflow carries the eye down the thread — electromagnetic relation made readable from either end.",
  "tier": "applied",
  "status": "shipped",
  "conditions": [
    "related"
  ]
}

Copy this pattern

See also