← all recipes

"Gravity Field" — show a gravity body as a visible, followable natural field — matter threads its lines in orbit. It has a gravity layer (universal attraction toward mass), and a swirl layer (rotate matter around a centre). The active render stack is field-lines, particles.

Gravity already defines field() (the softened 1/d² monopole), so the field-lines reading traces its real radial structure — the seeds come from the body geometry (a core ring → spokes), never hand-drawn. The swirl token is what makes it read as a natural FIELD rather than a plain sink: matter threads the lines in orbit. Pair with the deformation grid (overlay "grid") to also show space bending into the well. Bare gravity stays an opt-in attractor; this preset is the natural-field presentation.

Runtime tokens

gravity swirl

Concepts

well orbit accretion natural-field field-lines

Metrics

density density is a host-supplied lane — drive it with data-field-<metric> (or a domain model); without that, its --field-* stays inert.

Diagnostics

field-lines inspector

Render

field-lines · particles

Reduced motion

the field lines render statically and matter holds its orbit positions — the radial structure reads without any motion

Without motion

the well is a labelled region with visible radial field lines; depth reads as line density, not animation

<field-root></field-root>
  <div data-body="gravity swirl" data-strength="1.2" data-range="420" data-feedback></div>