Add trace animation to distribution flow lines #20

New issue

Open

opened 2026-03-22 15:24:00 +01:00 by myrmidex · 0 comments

myrmidex commented

2026-03-22 15:24:00 +01:00

Owner

When the distribution preview lines appear, animate them tracing from the income panel to each bucket — like data flowing through a circuit.

Options to explore:

SVG stroke-dasharray + stroke-dashoffset animation (CSS or JS)
Sequential reveal: trunk draws first, then branches one by one top-to-bottom
Glow pulse effect on the lines as they trace

This is visual polish on top of the static SVG lines added in issue #2.

When the distribution preview lines appear, animate them tracing from the income panel to each bucket — like data flowing through a circuit. Options to explore: - SVG `stroke-dasharray` + `stroke-dashoffset` animation (CSS or JS) - Sequential reveal: trunk draws first, then branches one by one top-to-bottom - Glow pulse effect on the lines as they trace This is visual polish on top of the static SVG lines added in issue #2.