# Architecture Diagram & C4 Model

## 📘 Resources
- [shubhamgrg04/awesome-diagramming](https://github.com/shubhamgrg04/awesome-diagramming) - A curated collection of diagramming tools used by leading software engineering teams

## 📕 Articles
- [Diagrams as code 2.0](https://dev.to/simonbrown/diagrams-as-code-2-0-82k)
- [Modelling vs diagramming software architecture](https://blog.icepanel.io/2022/09/21/modelling-vs-diagramming-software-architecture)
- [Diagramming distributed architectures with the C4 model](https://dev.to/simonbrown/diagramming-distributed-architectures-with-the-c4-model-51cm)
- [Structurizr quick tip: moving relationship descriptions](https://dev.to/simonbrown/structurizr-quick-tip-moving-relationship-descriptions-4iim)
- [Structurizr quick tip: hiding descriptions](https://dev.to/simonbrown/structurizr-quick-tip-hiding-descriptions-324b)
- [C4 model for system architecture design](https://blog.icepanel.io/2022/10/03/c4-model-for-system-architecture-design/)
- [Modelling multiple relationships](https://dev.to/simonbrown/modelling-multiple-relationships-51bf)
- [Cloud architecture diagrams](https://dev.to/simonbrown/cloud-architecture-diagrams-3pbm)
- [Getting started with Structurizr Lite](https://dev.to/simonbrown/getting-started-with-structurizr-lite-27d0)
- [Setting up PlantUML for coding C4 architecture diagrams](https://joymonscode.blogspot.com/2019/04/setting-up-plantuml-for-coding-c4.html)
- [Software Architecture Diagrams as Code](https://shekhargulati.com/2020/04/21/software-architecture-diagrams-as-code/)
- [3 Diagram as Code Tools That Combined Cover All Your Needs](https://dev.to/xnok/3-diagram-as-code-tools-that-combined-cover-all-your-needs-3fl9)
- [C4 Model - Getting Started Workshop](https://miro.com/miroverse/c4-model-getting-started-workshop/) ⭐ 
- [C4 model for system architecture design](https://icepanel.io/blog/2022-10-03-c4-model-for-system-architecture-design) ⭐ 
- [Visualizing software architecture with the C4 model](https://icepanel.io/blog/2023-02-23-visualizing-software-architecture-with-the-c4-model)

## 📺 Videos
- [Setting up PlantUML for coding C4 architecture diagrams in Visual Studio Code](https://www.youtube.com/watch?v=Zt3Bj1HMJ8g)
- [PlantUML Playlist - Arturo Santiago-Rivera](https://www.youtube.com/playlist?list=PLPPxJMwitEl0-J8xO_z7SzjI9UTYH7dvz)
- [Using PlantUML in VSCode](https://www.youtube.com/watch?v=xkwJ9GwgZJU)
- [TechProductivity TechTalk01: How to draw UML diagrams with code - PlantUML](https://www.youtube.com/watch?v=Dd0bJlHDwLY)
- [Intro to C4 Architecture Diagrams and C4 PlantUML extension](https://www.youtube.com/watch?v=n-e1FDAtBuM)
- [Python Diagrams - Make incredible Diagrams using Python](https://www.youtube.com/watch?v=Oa-_EUg44cQ)
- [Design Cloud System Architectures Diagram using MinGrammer Python API](https://www.youtube.com/watch?v=BavZNZTu5-E)
- [Ep9: AWS, GCP or Azure diagrams as Code](https://www.youtube.com/watch?v=OuoHplWY4Yg)
## Tools
- [plantuml-stdlib/C4-PlantUML](https://github.com/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](https://github.com/mingrammer/diagrams)
- [mermaid-js/mermaid](https://github.com/mermaid-js/mermaid) - Generation of diagram and flowchart from text in a similar manner as markdown
- [C4 DSL Extension](https://marketplace.visualstudio.com/items?itemName=systemticks.c4-dsl-extension)
- [pierre3/PlantUmlClassDiagramGenerator](https://github.com/pierre3/PlantUmlClassDiagramGenerator) - This is a generator to create a class-diagram of PlantUML from the C# source code.
- [drawsql.app](https://drawsql.app/)
- [excalidraw.com](https://excalidraw.com/)