Line draw

Full motion specification

How the movement works

Use it when the stroke itself is the point: charts, routes, underlines, hand-drawn circles.

1. 01One pass per 4.7 s. Drawn as a trim path: animate the visible range (start fraction to end fraction) of each stroke.
2. 02Axes (L shape, width 6) draw at 0.08–0.7 s; the line (mint, width 11, a smooth curve through 7 points, round caps) draws at 0.4–1.95 s. Both use cubic ease-in-out.
3. 03While drawing, a yellow dot (radius 12, white centre radius 5) rides the leading tip.
4. 04Arrowhead: opens at 1.9–2.2 s with backOut (s = 2.5); wings 26 long, 20 wide.
5. 05A coral circle (radius 26, width 7) is drawn around one peak at 2.2–2.8 s, clockwise from the top.
6. 06Erase: circle 3.5–4.0 s, line 3.65–4.45 s, axes 3.85–4.55 s, each shrinking from its starting end. The arrowhead fades at 4.3–4.45 s.