C4Editor.com

Visualize Software Architecture with Clarity

The C4 model is an abstraction-first approach to diagramming software architecture, based on maps of your code.

Live Tool

C4 Editor for Mingrammer Diagrams

A responsive editor for creating C4 diagrams. Write code to generate visuals instantly. Features real-time preview, intelligent layout, and export options.

Launch Editor
C4 Editor Screenshot

The C4 Model Hierarchy

Understand your software architecture at different levels of abstraction.

1

Context

The big picture. Shows how the software system fits into the world around it, interacting with users and other systems.

2

Container

High-level implementation. Server-side web data, client-side single-page applications, databases, etc.

3

Component

Internal structure. Groups of related functionality encapsulated behind a well-defined interface.

4

Code

Implementation details. Classes, interfaces, objects, functions, database tables, etc.

Supporting Diagrams

Extend your architectural model with these supplementary views.

System Landscape

Provides a high-level view of the software system in the context of the overall enterprise landscape.

Dynamic Diagram

Illustrates how elements in the software system interact at runtime to implement a specific use case.

Deployment Diagram

Shows how software systems and containers are mapped to the infrastructure.