Electromagnetic operational

System Pulse

show the living rhythm of a product, workflow, or data system

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

"System Pulse" — show the living rhythm of a product, workflow, or data system. It has a propagate layer (travelling waves through the medium), a thermal layer (agitate matter at a temperature), a memory layer (a decaying trail / hysteresis), a cohesion layer (flocking — pull toward neighbours), and a spawn layer (emit new matter (a budgeted source)). The active render stack is field-lines, heatmap, streamlines, particles.

The system emits a low-frequency pulse that propagates as an ambient heartbeat, thermal heat reflecting live activity while cohesion reads sync and memory holds the trend, the emitter (spawn) issuing each beat without distracting from content.

Runtime tokens: propagate travelling waves through the mediumthermal agitate matter at a temperaturememory a decaying trail / hysteresiscohesion flocking — pull toward neighboursspawn emit new matter (a budgeted source)
Concepts: pulse heartbeat
Metrics: pulse a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inerthealth a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertsync a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertheat a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inert pulse, health, sync, heat are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.
Diagnostics: energy contours inspector
Render: field-lines · heatmap · streamlines · particles
Reduced motion: a health rail with a pulse timestamp and a static system-status indicator
Without motion: system health is a labelled status indicator with a last-pulse timestamp and a sync state

Copy this pattern

<field-root></field-root>
  <div data-body="propagate" data-strength="0.9" data-range="400" data-feedback></div>
  <div data-body="thermal" data-strength="0.6" data-range="300"></div>
  <div data-body="memory" data-strength="0.5" data-range="260"></div>
  <div data-body="cohesion" data-strength="0.5" data-range="280"></div>
  <div data-body="spawn" data-strength="0.5" data-range="240"></div>

<script type="module">
  import '@fundamental-engine/elements';
</script>

<field-root></field-root>
  <div data-body="propagate" data-strength="0.9" data-range="400" data-feedback></div>
  <div data-body="thermal" data-strength="0.6" data-range="300"></div>
  <div data-body="memory" data-strength="0.5" data-range="260"></div>
  <div data-body="cohesion" data-strength="0.5" data-range="280"></div>
  <div data-body="spawn" data-strength="0.5" data-range="240"></div>

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

export default function SystemPulse() {
  return (
    <FieldField>
      <div data-body="propagate" data-strength="0.9" data-range="400" data-feedback />
      <div data-body="thermal" data-strength="0.6" data-range="300" />
      <div data-body="memory" data-strength="0.5" data-range="260" />
      <div data-body="cohesion" data-strength="0.5" data-range="280" />
      <div data-body="spawn" data-strength="0.5" data-range="240" />
    </FieldField>
  );
}

{
  "id": "system-pulse",
  "name": "System Pulse",
  "intent": "show the living rhythm of a product, workflow, or data system",
  "naturalField": "electromagnetic",
  "primitives": [
    "propagate",
    "thermal",
    "memory",
    "cohesion",
    "spawn"
  ],
  "bodies": [
    {
      "body": "propagate",
      "strength": 0.9,
      "range": 400,
      "feedback": true
    },
    {
      "body": "thermal",
      "strength": 0.6,
      "range": 300
    },
    {
      "body": "memory",
      "strength": 0.5,
      "range": 260
    },
    {
      "body": "cohesion",
      "strength": 0.5,
      "range": 280
    },
    {
      "body": "spawn",
      "strength": 0.5,
      "range": 240
    }
  ],
  "render": [
    "field-lines",
    "heatmap",
    "streamlines",
    "particles"
  ],
  "metrics": [
    "pulse",
    "health",
    "sync",
    "heat"
  ],
  "diagnostics": [
    "energy",
    "contours",
    "inspector"
  ],
  "accessibility": {
    "reducedMotion": "a health rail with a pulse timestamp and a static system-status indicator",
    "meaningWithoutMotion": "system health is a labelled status indicator with a last-pulse timestamp and a sync state"
  },
  "notes": "The system emits a low-frequency pulse that propagates as an ambient heartbeat, thermal heat reflecting live activity while cohesion reads sync and memory holds the trend, the emitter (spawn) issuing each beat without distracting from content.",
  "tier": "operational",
  "status": "shipped",
  "concepts": [
    "pulse",
    "heartbeat"
  ]
}

Copy this pattern

See also