Skip to content

Instantly share code, notes, and snippets.

@llipe
Last active August 19, 2022 14:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save llipe/cdd8397d06803609871233a500d11510 to your computer and use it in GitHub Desktop.
Save llipe/cdd8397d06803609871233a500d11510 to your computer and use it in GitHub Desktop.

Diagram as a Code

A collection of essential tools to diagram a Code and Draw.io (when nothing else works good)

Last update: 18/08/2022

Diagrams - Architecture Diagrams

Diagrams lets you draw the cloud system architecture in Python code. It was born for prototyping a new system architecture without any design tools. You can also describe or visualize the existing system architecture as well.

Diagrams currently supports six major providers: AWS, Azure, GCP, Kubernetes, Alibaba Cloud and Oracle Cloud. It now also supports On-Premise nodes as well as Programming Languages and Frameworks.

PlantUML - UML (Free/ Open Source)

Plantuml is a great open source diagram-as-a-code tool for UML and non-UML diagrams. PlantUML supports:

  • Sequence diagram
  • Usecase diagram
  • Class diagram
  • Object diagram
  • Activity diagram
  • Component diagram
  • Deployment diagram
  • State diagram
  • Timing diagram

and the following non UML diagrams:

  • JSON data
  • YAML data
  • Network diagram (nwdiag)
  • Wireframe graphical interface or UI mockups (salt)
  • Archimate diagram
  • Specification and Description Language (SDL)
  • Ditaa diagram
  • Gantt diagram
  • MindMap diagram
  • Work Breakdown Structure diagram (WBS)
  • Mathematic with AsciiMath or JLaTeXMath notation
  • Entity Relationship diagram (IE/ER)

Diagram.codes - Various (Paid, except playground)

Diagram.codes has an online playground, cloud version and Mac/Windoes downloadable apps. Supported diagrams:

  • Data Flow
  • Sequence (simple)
  • Flowcharts
  • Graph
  • Onion Layers
  • Tree & horizontal tree layouts
  • System layers
  • Timeline
  • Mindmap
  • State machine
  • Entity relationship
  • Class Diagram
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment