Fundamental

← all recipes

Weak core First release

Memory Trace

show where a user has been, paused, returned, or accumulated attention

frame — bodies 0 relationships 0

Running the actual recipe live via applyRecipe() — not a mock.

"Memory Trace" — show where a user has been, paused, returned, or accumulated attention. It has a memory layer (a decaying trail / hysteresis), and a diffuse layer (spread a quantity over the medium). The active render stack is trails, heatmap, particles.

Interaction leaves a decaying trace (weak-force decay via memory); repeated interaction strengthens it; inactive traces cool over time.

Runtime tokens
memory diffuse
Concepts
decay
Metrics
memory recency decay decay is a host-supplied lane — drive it with data-field-<metric> (or a domain model); without that, its --field-* stays inert.
Diagnostics
heatmap contours inspector
Render
trails · heatmap · particles
Reduced motion
static history marks and recency labels replace the decaying trail
Without motion
visited items are marked with a timestamp / recency label

Copy this recipe

<field-root></field-root>
  <div data-body="memory" data-strength="0.8" data-range="360" data-feedback></div>
  <div data-body="diffuse" data-strength="0.4" data-range="280"></div>

See also