Gravity systems

Semantic Gravity Map

let a document or app reveal which concepts carry the most weight

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

"Semantic Gravity Map" — let a document or app reveal which concepts carry the most weight. It has a gravity layer (universal attraction toward mass), a link layer (ropes / cloth between neighbours), a cohesion layer (flocking — pull toward neighbours), and a memory layer (a decaying trail / hysteresis). The active render stack is heatmap, metaballs, links, particles.

Gravity pulls heavy concepts to the center while link and cohesion bind related ones; importance is mass, memory keeps recurrence felt over time.

Runtime tokens: gravity universal attraction toward masslink ropes / cloth between neighbourscohesion flocking — pull toward neighboursmemory a decaying trail / hysteresis
Concepts: semantic mass
Metrics: mass a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertattention computed every frame by the platform (proximity · engagement · relationships · age)relation-strength a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertdensity a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inert mass, relation-strength, density are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.
Diagnostics: potential topology heatmap
Render: heatmap · metaballs · links · particles
Reduced motion: a weighted concept index with an importance rail and a section density map
Without motion: mass becomes a sorted importance ranking with explicit weight values per concept

Copy this pattern

<field-root></field-root>
  <div data-body="gravity" data-strength="1.1" data-range="400" data-feedback></div>
  <div data-body="link" data-strength="0.7" data-range="320"></div>
  <div data-body="cohesion" data-strength="0.6" data-range="280"></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="gravity" data-strength="1.1" data-range="400" data-feedback></div>
  <div data-body="link" data-strength="0.7" data-range="320"></div>
  <div data-body="cohesion" data-strength="0.6" data-range="280"></div>
  <div data-body="memory" data-strength="0.5" data-range="260"></div>

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

export default function SemanticGravityMap() {
  return (
    <FieldField>
      <div data-body="gravity" data-strength="1.1" data-range="400" data-feedback />
      <div data-body="link" data-strength="0.7" data-range="320" />
      <div data-body="cohesion" data-strength="0.6" data-range="280" />
      <div data-body="memory" data-strength="0.5" data-range="260" />
    </FieldField>
  );
}

{
  "id": "semantic-gravity-map",
  "name": "Semantic Gravity Map",
  "intent": "let a document or app reveal which concepts carry the most weight",
  "naturalField": "gravity",
  "primitives": [
    "gravity",
    "link",
    "cohesion",
    "memory"
  ],
  "bodies": [
    {
      "body": "gravity",
      "strength": 1.1,
      "range": 400,
      "feedback": true
    },
    {
      "body": "link",
      "strength": 0.7,
      "range": 320
    },
    {
      "body": "cohesion",
      "strength": 0.6,
      "range": 280
    },
    {
      "body": "memory",
      "strength": 0.5,
      "range": 260
    }
  ],
  "render": [
    "heatmap",
    "metaballs",
    "links",
    "particles"
  ],
  "metrics": [
    "mass",
    "attention",
    "relation-strength",
    "density"
  ],
  "diagnostics": [
    "potential",
    "topology",
    "heatmap"
  ],
  "accessibility": {
    "reducedMotion": "a weighted concept index with an importance rail and a section density map",
    "meaningWithoutMotion": "mass becomes a sorted importance ranking with explicit weight values per concept"
  },
  "notes": "Gravity pulls heavy concepts to the center while link and cohesion bind related ones; importance is mass, memory keeps recurrence felt over time.",
  "tier": "systems",
  "status": "shipped",
  "concepts": [
    "semantic mass"
  ]
}

Copy this pattern

See also