Availability Pressure
show schedule density, conflicts, and open space
frame — bodies 0 relationships 0
Running the actual recipe live via applyRecipe() — not a mock.
"Availability Pressure" — show schedule density, conflicts, and open space. It has a gravity layer (universal attraction toward mass), a pressure layer (relax crowding (incompressibility)), a tether layer (bind matter to an anchor), a repel layer (carve a void / keep-clear region), and a memory layer (a decaying trail / hysteresis). The active render stack is heatmap, metaballs, particles.
Deadlines sink into gravitational wells and busy blocks raise pressure, while elastic events ride a tether (spring) — schedule density read as a gravity-and-pressure landscape.
Copy this recipe
<field-root></field-root>
<div data-body="gravity" data-strength="1" data-range="380" data-feedback></div>
<div data-body="pressure" data-strength="0.8" data-range="300"></div>
<div data-body="tether" data-strength="0.6" data-range="280"></div>
<div data-body="repel memory" data-strength="0.6" 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
- Navigation Current make routes, breadcrumbs, and likely next paths feel connected