Architecture Diagram & C4 Model¶
📘 Resources¶
- shubhamgrg04/awesome-diagramming - A curated collection of diagramming tools used by leading software engineering teams
📕 Articles¶
- Diagrams as code 2.0
- Modelling vs diagramming software architecture
- Diagramming distributed architectures with the C4 model
- Structurizr quick tip: moving relationship descriptions
- Structurizr quick tip: hiding descriptions
- C4 model for system architecture design
- Modelling multiple relationships
- Cloud architecture diagrams
- Getting started with Structurizr Lite
- Setting up PlantUML for coding C4 architecture diagrams
- Software Architecture Diagrams as Code
- 3 Diagram as Code Tools That Combined Cover All Your Needs
- C4 Model - Getting Started Workshop ⭐
- C4 model for system architecture design ⭐
- Visualizing software architecture with the C4 model
📺 Videos¶
- Setting up PlantUML for coding C4 architecture diagrams in Visual Studio Code
- PlantUML Playlist - Arturo Santiago-Rivera
- Using PlantUML in VSCode
- TechProductivity TechTalk01: How to draw UML diagrams with code - PlantUML
- Intro to C4 Architecture Diagrams and C4 PlantUML extension
- Python Diagrams - Make incredible Diagrams using Python
- Design Cloud System Architectures Diagram using MinGrammer Python API
- Ep9: AWS, GCP or Azure diagrams as Code
Tools¶
- plantuml-stdlib/C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures
- mingrammer/diagrams
- mermaid-js/mermaid - Generation of diagram and flowchart from text in a similar manner as markdown
- C4 DSL Extension
- pierre3/PlantUmlClassDiagramGenerator - This is a generator to create a class-diagram of PlantUML from the C# source code.
- drawsql.app
- excalidraw.com