Programster's Blog

Tutorials focusing on Linux, programming, and open-source Flow Animation

This tutorial will show you how to create animated edges/lines in diagrams that clearly indicate the direction of flow as demonstrated in the diagram below:


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.


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:


Last updated: 20th April 2024
First published: 20th April 2024