Skip to content
Source on GitHubVisitors

C4 component diagram

Show the components inside one container and how they work together.

Diagram · origin tag c4/component · The C4 Model

Availability

Availability per host
HostStateHow to get it
StandalonePrototypeNot yet released
DesktopPrototypeNot yet released
IntelliJ PlatformNot plannedNot planned
Visual Studio CodeNot plannedNot planned
EclipseNot plannedNot planned
ThinkRailNot plannedNot planned
NotionNot plannedNot planned
ClaudeNot plannedNot planned

What it is for

C4 component diagram (the components inside one container, their responsibilities and their interactions)

Why a specialized view helps

C4 views are zoom levels of one model; a dedicated tool keeps each level consistent with the next instead of redrawing boxes by hand.

File formats

Not described yet.

Screenshots

The Order Service's components inside their dashed container boundary, with the containers and external system they talk to outside it; Toolbox adding Component. Nothing selected.

Standalone, at 3e2df46

What is visible: The Order Service's components inside their dashed container boundary, with the containers and external system they talk to outside it; Toolbox adding Component. Nothing selected.

Why it matters: The components inside one container are drawn from the same C4 model as the other views, so zooming in from the container diagram shows responsibilities and interactions that stay consistent with it.

Licence: Apache-2.0

Background

Focus areas

Sources