Draw.io Flow Animation
This tutorial will show you how to create animated edges/lines in draw.io diagrams that clearly indicate the direction of flow as demonstrated in the diagram below:
Steps
Select the edges that you wish to animate as "flowing". An easy way to select all edges is to press Ctrl + Shift + E
.
Then, if you are using the web interface, you can just check the following checkbox:
If you are using the desktop application as I am, then you may have to click on properties:
... and then select the option from within there.
Exporting
Finally, to then be able to use the diagram with the flow animation, the only way to do this is to export it in HTML format
and copy the following lines into your web page:
References
https://www.youtube.com/watch?v=MLlal_jRoXQ
First published: 20th April 2024