Skip to content

expected.md

Latest commit

 

History

History
149 lines (122 loc) · 4.48 KB

expected.md

File metadata and controls

149 lines (122 loc) · 4.48 KB

Container Composition with No Edges [include-containers="all" edges="none"]

---
config:
  theme: base
  themeVariables:
    fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, 'Ubuntu', sans-serif
    darkMode: false
    fontSize: 14px
    edgeLabelBackground: '#d5d7e1'
    lineColor: '#000000'
---
%%{init: {"layout": "elk", "flowchart": {"htmlLabels": false}}}%%
flowchart TB
classDef boundary fill:#e1e4f0,stroke:#204485,stroke-dasharray: 5 4,stroke-width:1px,color:#000000;
classDef node fill:#eef1ff,stroke:#007dff,stroke-width:1px,color:#000000;
classDef iface fill:#f0f0f0,stroke:#b6b6b6,stroke-width:1px,font-size:10px,color:#000000;
classDef highlight fill:#fdf7ec,stroke:#f0c060,stroke-width:1px,color:#000000;

        subgraph system-a["System A"]
        direction TB
            svc1["Service 1"]:::node
            svc2["Service 2"]:::node
        end
        class system-a boundary
        subgraph system-b["System B"]
        direction TB
            svc3["Service 3"]:::node
        end
        class system-b boundary
Loading

Single System with Seeded Edges [focus-nodes="system-a" include-children="all" edges="seeded"]

---
config:
  theme: base
  themeVariables:
    fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, 'Ubuntu', sans-serif
    darkMode: false
    fontSize: 14px
    edgeLabelBackground: '#d5d7e1'
    lineColor: '#000000'
---
%%{init: {"layout": "elk", "flowchart": {"htmlLabels": false}}}%%
flowchart TB
classDef boundary fill:#e1e4f0,stroke:#204485,stroke-dasharray: 5 4,stroke-width:1px,color:#000000;
classDef node fill:#eef1ff,stroke:#007dff,stroke-width:1px,color:#000000;
classDef iface fill:#f0f0f0,stroke:#b6b6b6,stroke-width:1px,font-size:10px,color:#000000;
classDef highlight fill:#fdf7ec,stroke:#f0c060,stroke-width:1px,color:#000000;

        subgraph system-a["System A"]
        direction TB
            svc1["Service 1"]:::node
            svc2["Service 2"]:::node
        end
        class system-a boundary


    svc1 -->|Service 1 calls Service 2| svc2


    class system-a highlight
Loading

Single System with Connected Edges [focus-nodes="system-a" include-children="all" edges="connected"]

---
config:
  theme: base
  themeVariables:
    fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, 'Ubuntu', sans-serif
    darkMode: false
    fontSize: 14px
    edgeLabelBackground: '#d5d7e1'
    lineColor: '#000000'
---
%%{init: {"layout": "elk", "flowchart": {"htmlLabels": false}}}%%
flowchart TB
classDef boundary fill:#e1e4f0,stroke:#204485,stroke-dasharray: 5 4,stroke-width:1px,color:#000000;
classDef node fill:#eef1ff,stroke:#007dff,stroke-width:1px,color:#000000;
classDef iface fill:#f0f0f0,stroke:#b6b6b6,stroke-width:1px,font-size:10px,color:#000000;
classDef highlight fill:#fdf7ec,stroke:#f0c060,stroke-width:1px,color:#000000;

        subgraph system-a["System A"]
        direction TB
            svc1["Service 1"]:::node
            svc2["Service 2"]:::node
        end
        class system-a boundary
        subgraph system-b["System B"]
        direction TB
            svc3["Service 3"]:::node
        end
        class system-b boundary


    svc1 -->|Service 1 calls Service 2| svc2
    svc2 -->|Service 2 integrates with Service 3| svc3


    class system-a highlight
Loading

Multiple Systems with All Connections [include-containers="all" edges="connected"]

---
config:
  theme: base
  themeVariables:
    fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, 'Ubuntu', sans-serif
    darkMode: false
    fontSize: 14px
    edgeLabelBackground: '#d5d7e1'
    lineColor: '#000000'
---
%%{init: {"layout": "elk", "flowchart": {"htmlLabels": false}}}%%
flowchart TB
classDef boundary fill:#e1e4f0,stroke:#204485,stroke-dasharray: 5 4,stroke-width:1px,color:#000000;
classDef node fill:#eef1ff,stroke:#007dff,stroke-width:1px,color:#000000;
classDef iface fill:#f0f0f0,stroke:#b6b6b6,stroke-width:1px,font-size:10px,color:#000000;
classDef highlight fill:#fdf7ec,stroke:#f0c060,stroke-width:1px,color:#000000;

        subgraph system-a["System A"]
        direction TB
            svc1["Service 1"]:::node
            svc2["Service 2"]:::node
        end
        class system-a boundary
        subgraph system-b["System B"]
        direction TB
            svc3["Service 3"]:::node
        end
        class system-b boundary


    svc1 -->|Service 1 calls Service 2| svc2
    svc2 -->|Service 2 integrates with Service 3| svc3
Loading