← all recipes

"Concept Cluster" — group related terms, cards, or sections without hard layout changes. It has a cohesion layer (flocking — pull toward neighbours), a crystallize layer (snap matter onto a lattice), a link layer (ropes / cloth between neighbours), and a memory layer (a decaying trail / hysteresis). The active render stack is metaballs, links, particles.

Related concepts cluster without a rigid layout (cohesion + crystallize); active concepts strengthen nearby terms; unrelated ones cool and drift.

Runtime tokens

cohesion crystallize link memory

Metrics

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

Diagnostics

topology heatmap inspector

Render

metaballs · links · particles

Reduced motion

concepts collapse into grouped lists; active groups keep emphasis

Without motion

related concepts are grouped under headings with relation badges

<field-root></field-root>
  <div data-body="cohesion" data-strength="0.7" data-range="300" data-feedback></div>
  <div data-body="crystallize" data-strength="0.5" data-range="260"></div>
  <div data-body="link" data-strength="0.5" data-range="280"></div>
  <div data-body="memory" data-strength="0.4" data-range="320"></div>