source-032 / Motion grammar

From drawn geometry to programmable graphics

Source note · credited to Alex / Relate Studio

A tutorial moves from selected references to SVG geometry, separate particle and line systems, screenshot feedback and reusable animation parameters.

SVGThree.jsJavaScriptWebflow

Source context

Open the original reference ↗

The summary above is grounded in the retrieved reference. The interpretation and build translation below are editorial synthesis by FORM//GRAPH.

What carries forward

Keep text in the document and let explicit geometry control the visual; design the transition between readable states.

Build translation

Give a source, recipe and project the same visual identity across views. Keep labels selectable and make relationships persist through transitions.