Animate connectors

  1. Select the connectors you wish to animate. Right-click and choose Select Edges if you wish to animate all connectors.
  2. In the Style tab of the format panel, click on Properties to open the shape properties.
  3. Scroll down and enable Flow Animation.

Enable Flow Animation on your connectors in draw.io via the shape Properties in the Style tab.

The connectors will now appear as if they have dashes moving from the source connection point to the target connection point.

Export your diagram to a SVG file to include the connector animation when you publish it in a web page or on a content platform that supports SVG images.

Connectors that are animated show flowing dashes or dots from the source shape to the target shape