How to create animated diagram

Tools to use

1. www.draw.io

   an online diagram drawing tool,but only can animate lines

2. zappy

   an application could be installed on mac to screen recording and save as gif file

3. www.canva.com

   an online diagram drawing tool can animate icons/pictures.

How

1. draw basic diagram from draw.io
2. animate the line from draw.io
3. export the gif from draw.io (we use zappy to record the screen to save as gif file)
4. open the exported gif file in canava and add animated icons or iamages.

Examples