Design AtlasDraw a curve between two nodes as an SVG path, then overlay a second path following the same route with a different stroke. Set that second path's stroke-dasharray to a repeating "short dash, short gap" pattern and keep animating stroke-dashoffset, and a line of short dashes appears to flow continuously along the route.
Keep the path itself static and faintly coloured so it's always visible, and reserve the bright accent colour (plus a touch of blur) for the short travelling dash — the beam. With several nodes, stagger each connector's animation delay so the beams don't all launch in sync.
For integration diagrams and architecture sections, this reads far more intuitively than a static line as "these services are connected and exchanging data right now."
When to use
Use for an integrations showcase, an architecture diagram, or a "many tools, one hub" landing section. Too many beams at once makes it hard to tell what to look at — limit it to the 2–3 connections that matter.