← all recipes

"Error Pressure" — show accumulated instability without harsh alert patterns. It has a thermal layer (agitate matter at a temperature), a pressure layer (relax crowding (incompressibility)), a morph layer (assemble matter into a mark/shape (never words, §11)), a memory layer (a decaying trail / hysteresis), and a diffuse layer (spread a quantity over the medium). The active render stack is heatmap, metaballs, particles.

Errors add thermal heat and entropy that accumulate as pressure; resolved ones cool and, like a weak decay, morph into history instead of flashing an alarm.

Runtime tokens

thermal pressure morph memory diffuse

Metrics

error heat entropy pressure error, heat are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.

Diagnostics

heatmap energy causality

Render

heatmap · metaballs · particles

Reduced motion

an error summary with heat badges and an affected-section rail

Without motion

errors read through a summary count, per-section heat badges, and an affected-section rail

<field-root></field-root>
  <div data-body="thermal" data-strength="1" data-range="320" data-feedback></div>
  <div data-body="pressure" data-strength="0.8" data-range="300"></div>
  <div data-body="morph memory" data-strength="0.5" data-range="280"></div>
  <div data-body="diffuse" data-strength="0.6" data-range="260"></div>