Electromagnetic operational

Change Shockwave

show the downstream impact of a change across a system

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

"Change Shockwave" — show the downstream impact of a change across a system. It has a propagate layer (travelling waves through the medium), a link layer (ropes / cloth between neighbours), a pressure layer (relax crowding (incompressibility)), a morph layer (assemble matter into a mark/shape (never words, §11)), and a memory layer (a decaying trail / hysteresis). The active render stack is streamlines, field-lines, links, particles.

A change emits a wave that propagates along links: immediate dependencies light first, distant ones respond damped and late, and critical downstream effects raise pressure (propagation carries the wavefront; the weak interaction lets items morph).

Runtime tokens: propagate travelling waves through the mediumlink ropes / cloth between neighbourspressure relax crowding (incompressibility)morph assemble matter into a mark/shape (never words, §11)memory a decaying trail / hysteresis
Concepts: shockwave blast radius
Metrics: impact a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertlatency a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertrisk written only when the host supplies it — the engine never invents confidence/riskdistance a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inert impact, latency, distance are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.
Diagnostics: contours topology causality prediction
Render: streamlines · field-lines · links · particles
Reduced motion: an impact tree with an affected-item list and downstream badges
Without motion: each affected item is listed by dependency distance with a risk badge, ordered by impact

Copy this pattern

<field-root></field-root>
  <div data-body="propagate" data-strength="1" data-range="400" data-feedback></div>
  <div data-body="link" data-strength="0.7" data-range="320"></div>
  <div data-body="pressure" data-strength="0.6" data-range="280"></div>
  <div data-body="morph" data-strength="0.4" data-range="220"></div>
  <div data-body="memory" data-strength="0.4" data-range="260"></div>

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

<field-root></field-root>
  <div data-body="propagate" data-strength="1" data-range="400" data-feedback></div>
  <div data-body="link" data-strength="0.7" data-range="320"></div>
  <div data-body="pressure" data-strength="0.6" data-range="280"></div>
  <div data-body="morph" data-strength="0.4" data-range="220"></div>
  <div data-body="memory" data-strength="0.4" data-range="260"></div>

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

export default function ChangeShockwave() {
  return (
    <FieldField>
      <div data-body="propagate" data-strength="1" data-range="400" data-feedback />
      <div data-body="link" data-strength="0.7" data-range="320" />
      <div data-body="pressure" data-strength="0.6" data-range="280" />
      <div data-body="morph" data-strength="0.4" data-range="220" />
      <div data-body="memory" data-strength="0.4" data-range="260" />
    </FieldField>
  );
}

{
  "id": "change-shockwave",
  "name": "Change Shockwave",
  "intent": "show the downstream impact of a change across a system",
  "naturalField": "electromagnetic",
  "primitives": [
    "propagate",
    "link",
    "pressure",
    "morph",
    "memory"
  ],
  "bodies": [
    {
      "body": "propagate",
      "strength": 1,
      "range": 400,
      "feedback": true
    },
    {
      "body": "link",
      "strength": 0.7,
      "range": 320
    },
    {
      "body": "pressure",
      "strength": 0.6,
      "range": 280
    },
    {
      "body": "morph",
      "strength": 0.4,
      "range": 220
    },
    {
      "body": "memory",
      "strength": 0.4,
      "range": 260
    }
  ],
  "relationships": [
    {
      "from": "change",
      "to": "dependency",
      "type": "affects",
      "strength": 0.7
    }
  ],
  "render": [
    "streamlines",
    "field-lines",
    "links",
    "particles"
  ],
  "metrics": [
    "impact",
    "latency",
    "risk",
    "distance"
  ],
  "diagnostics": [
    "contours",
    "topology",
    "causality",
    "prediction"
  ],
  "accessibility": {
    "reducedMotion": "an impact tree with an affected-item list and downstream badges",
    "meaningWithoutMotion": "each affected item is listed by dependency distance with a risk badge, ordered by impact"
  },
  "notes": "A change emits a wave that propagates along links: immediate dependencies light first, distant ones respond damped and late, and critical downstream effects raise pressure (propagation carries the wavefront; the weak interaction lets items morph).",
  "tier": "operational",
  "status": "shipped",
  "concepts": [
    "shockwave",
    "blast radius"
  ]
}

Copy this pattern

See also