The C4 model was created as a way to help software development teams describe and communicate software architecture, both during up-front design sessions and when retrospectively documenting an existing codebase. It's a way to create maps of your code, at various levels of detail, in the same way you would use something like Google Maps to zoom in and out of an area you are interested in.
The C4 Model was idealized by Simon Brown and its documentation is available at c4model.com.
The elements of this project were developed for the diagramming software draw.io and are based on the C4 Model for visualizing software architecture.
- Download the latest release of this project.
- Open draw.io in your browser or the app installed on your desktop.
- With the app open, click File, and then click Open Library.
- Go to the folder where you saved the release and select the file Library C4 Model.xml and you are done!
All available elements in the latest release.
Example context diagram taken from c4model.com produced with the elements of this project.
Example container diagram taken from c4model.com produced with the elements of this project.
Example component diagram taken from c4model.com produced with the elements of this project.
Example deployment diagram taken from c4model.com produced with the elements of this project.
Landscape of all diagrams and their positions just to inform. This image is not part of C4 Model.
- Fantasy Name Generators: Used to generate random names in example diagrams
- DeepL: Used to generate English language documentation