Skip to content

Instantly share code, notes, and snippets.

@wey-gu
Last active March 12, 2025 16:42
Show Gist options
  • Save wey-gu/778778c4d33c49f4437b34c370975116 to your computer and use it in GitHub Desktop.
Save wey-gu/778778c4d33c49f4437b34c370975116 to your computer and use it in GitHub Desktop.
How to create diagrams like Alex Xu/bytebytego's great work

Tool: draw.io

Animate the connectors

Animating your connectors is great for demonstrating directional flow charts, electrical circuits and more. To animate your connectors:

  1. Click on the connector you wish to animate. Hold Ctrl or Cmd and click to select multiple connectors
  2. On the right-hand side go to Style > Property and click on the arrow to expand the field
  3. Scroll down to Flow Animation and check the box

FlowAnimation

refs

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment