Draw.io Diagrams

⏹ Creating various diagrams using Draw.io

Blog Post

Diagramming Tools | Walter Teng

Diagrams as Code

• Visualization is important for conceptualize complex ideas
• It is hard to keep track of changes / modify existing diagram images. (Imagine you have to edit an existing complex flow chart for a presentation 6 months later, and you only have the png version.)

Draw.io Advantages

• Native integration with Google Drive, Confluence. VS Code extension available.

Alternatives

• PlantUML
  • plantuml/plantuml: Generate diagrams from textual description
  • davzoku/UML-study: 🌿 UML study with PlantUML + UMLet
• Mermaid.js
  • mermaid-js/mermaid: Generation of diagram and flowchart from text in a similar manner as markdown
  • davzoku/mermaid-diagrams: ⏹ Creating various diagrams using mermaid.js