C4
Let’s talk today about C4 in action, the framework that allows you to diagram architectures.
We use it to diagram system with a hierarchy of four levels of description:
- C1: Context
- C2: Containers
- C3: Components
- C4: Code
To clarify, C4 diagrams are not commonly created in most cases.. too heavy and useless.
Here, we want to focus on the tooling. We use drawio with C4 shapes and layers
If we want to see only C1:

Then C1 and C2:
We just select the layers we want to see.

It is a very convenient way to produce this kind of diagrams.
Reference: