Skip to content

Instantly share code, notes, and snippets.

@DukeDeng
Forked from wey-gu/animated_connectors.md
Created August 1, 2025 12:26
Show Gist options
  • Select an option

  • Save DukeDeng/9f48e38a88097dbd83c735d46a4a9fe2 to your computer and use it in GitHub Desktop.

Select an option

Save DukeDeng/9f48e38a88097dbd83c735d46a4a9fe2 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