C4 models as code
summary
Introduces a text-first, model-based C4 workflow that produces reusable diagrams from one canonical source: Structurizr DSL defines people, systems, containers and components; Structurizr Lite renders interactive SVGs, auto-generates keys and tooltips, and saves layout JSON. Tooling exports to PlantUML, Mermaid, DOT and a site generator, handles ADRs, workspace extensions and Confluence embedding. Demonstrations include an internet-banking example and an eight-service microservice set; features like implied relationships, style tags and CLI/Java/.NET libraries reduce duplication and scale diagrams in practice.
AI-written summary · about
chapters (43)
- 0:00Introduction
- 1:00The C4 model
- 5:37System context diagram
- 7:51Notation
- 8:31Tooling
- 8:58General purpose tools
- 10:59Automation
- 12:04Diagrams as code
- 14:17Modeling tools
- 16:44Models as code
- 17:43Demo
- 23:16container diagram
- 25:27violation
- 26:11implied relationships
- 26:53database shapes
- 28:07diagram key
- 28:55demo page
- 30:28exports
- 30:49CLI
- 32:17Diagrams
- 33:13C4VS
- 35:44Documentation
- 36:47Markdown
- 38:49ADRs
- 39:50More than 6 boxes
- 40:35Service
- 41:05Microservice
- 41:19Servicebased architecture
- 42:20Modelbased tooling
- 43:32Expression language
- 44:04Option 1 have lots of smaller diagrams
- 44:24Option 2 not use a traditional diagram
- 44:50JavaScript D3js Force Director Graph
- 46:11ILO Graph
- 46:27YAML
- 49:56Logging
- 50:14structurizer4net
- 50:43Json
- 51:33Other tools
- 51:57Workspace extension
- 53:23DSL
- 55:01Confluence
- 57:45Backstage
related talks
54mC4 models as code
52mC4 Models as Code
41mC4 Models as Code
51mDiagrams as code 2.0
57mVisualise, document and explore your software architecture
01h 00mVisualise, document and explore your software architecture
34mDiagram as Code - Decoding Architectural Diagrams
45mSet your data free with model-based architecture diagramming