C4 modelo as a code

[marcialwushu]

exemplo de modelo C4, desta vez usando a sintaxe do Mermaid:

flowchart LR

subgraph Customer
    A[Customer]
end

subgraph "System Boundary"
    B[Web Application]
    C[API]
    D[Database]
    E[Message Queue]
end

subgraph "External System"
    F[External System]
end

A -->|Uses| B
B -->|Uses| C
B -->|Stores data in| D
C -->|Stores data in| D
C -->|Sends messages to| E
C -->|Sends messages to| F
E -->|Stores data in| D

style A, F fill:#F9E0B2
style B, C, D, E fill:#B2D8F9

Loading

[marcialwushu]

subgraph Customer
    A[Customer]
end

subgraph "System Boundary"
    B[Web Application]
    C[API]
    D[Database]
    E[Message Queue]
end

subgraph "External System"
    F[External System]
end

A -->|Uses| B
B -->|Uses| C
B -->|Stores data in| D
C -->|Stores data in| D
C -->|Sends messages to| E
C -->|Sends messages to| F
E -->|Stores data in| D

style A, F fill:#F9E0B2
style B, C, D, E fill:#B2D8F9