Doc → drawn diagram

A typeset paragraph with marked words reads, greys, then every glyph spins and shrinks into the box where a hand-drawn diagram paints itself stroke by stroke — text becomes picture.

Doc → drawn diagram

How it works

  1. Author one sheet.json: paragraph text with [g:]/[b:]/[p:] marks, the into box, and the diagram strokes/dots/labels with at/dur timings.

  2. Build the HyperFrames page and render the silent MP4.

  3. Tune greyAt/flyAt so the highlights read before the glyphs fly; keep flyAt before the first diagram stroke.