Calibration Field
help users tune settings toward a stable target
frame — bodies 0 relationships 0
Running the actual recipe live via applyRecipe() — not a mock.
"Calibration Field" — help users tune settings toward a stable target. It has a gravity layer (universal attraction toward mass), a cohesion layer (flocking — pull toward neighbours), a pressure layer (relax crowding (incompressibility)), and a memory layer (a decaying trail / hysteresis). The active render stack is metaballs, field-lines, heatmap, particles.
A target state sits as a stable gravity well: as the user tunes, the current config moves toward or away from coherence, and over-tuned or contradictory settings add pressure that pushes it back out.
Copy this recipe
<field-root></field-root>
<div data-body="gravity" data-strength="1" data-range="400" data-feedback></div>
<div data-body="cohesion" data-strength="0.7" data-range="300"></div>
<div data-body="pressure" data-strength="0.6" data-range="260"></div>
<div data-body="memory" data-strength="0.4" data-range="260"></div> See also
- Priority Well make important elements feel naturally weighted without shouting
- Focus Orbit keep related options moving around the active item
- Search Relevance Field let search results settle by relevance, confidence, and recency
- Reading Field make long content pages reveal attention, memory, and concept links
- Attention Weather show system urgency, density, and activity across a dashboard
- Command Intent Field let command palettes settle around likely intent