1.3 Interactive visuals

This page is 1.3. Where a draggable visual belongs, you write a single line in the markdown:

::visual[wave]

…and the matching code lives in this page’s visuals/wave.ts. Grab the glowing dot below and drag it: its height sets the wave’s amplitude and its horizontal position sets the frequency. It eases instead of snapping, follows the theme/palette, and it obeys “reduced motion” in settings.

Try switching the palette or theme in the settings panel (the gear in the nav) — the visual recolours itself to match.