flowchart TB node_1["Router\n\nAddress: 192.168.1.1\n\nPort forwared:\n22,8080,8250,111,2049 -#gt; 192.168.1.248"] node_2["Ubuntu\nx86_64\naddress: 192.168.1.248"] node_3["Dlinux\nS390x\n\nAddress: 204.90.115.208"] node_4["KVM"] node_5["KVM"] node_6["SystemVM Router"] node_7["SystemVM Storage"] node_8["Ubuntu\n\n192.168.122.3"] node_12["Rocky\n\n192.168.122.4"] node_9["SystemVM Router"] node_10["SystemVM Storage"] node_11["Redhat 9\n\n192.168.122.3"] node_13["Rocky\n\n192.168.122.4"] node_14{{"CS Managment\n\nPorts: 8080\n8250"}} node_15{{"CS Agent\n\nPort: 8250"}} node_16{{"CS Agent\n\nPort: 8250"}} node_1 --> node_2 node_1 --> node_3 node_4 --> node_6 node_4 --> node_7 node_4 --> node_8 node_5 --> node_9 node_5 --> node_10 node_5 --> node_11 node_8 --> node_12 node_11 --> node_13 node_2 --> node_14 node_14 --> node_7 node_14 --> node_6 node_14 --> node_9 node_14 --> node_10 node_2 --> node_15 node_15 --> node_4 node_3 --> node_16 node_16 --> node_5 style node_1 fill:#86FFB5,color:#000,stroke:#fff,stroke-width:2px style node_2 fill:#86FFff,color:#000,stroke:#fff,stroke-width:2px style node_3 fill:#86FFff,color:#000,stroke:#fff,stroke-width:2px style node_4 fill:#ffaaaa,color:#000,stroke:#fff,stroke-width:2px style node_5 fill:#ffaaaa,color:#000,stroke:#fff,stroke-width:2px style node_6 fill:#0000aa,color:#fff,stroke:#fff,stroke-width:2px style node_7 fill:#0000aa,color:#fff,stroke:#fff,stroke-width:2px style node_8 fill:#ffaaaa,color:#000,stroke:#fff,stroke-width:2px style node_9 fill:#0000aa,color:#fff,stroke:#fff,stroke-width:2px style node_10 fill:#0000aa,color:#fff,stroke:#fff,stroke-width:2px style node_11 fill:#ffaaaa,color:#000,stroke:#fff,stroke-width:2px style node_12 fill:#ffaaaa,color:#000,stroke:#fff,stroke-width:2px style node_13 fill:#ffaaaa,color:#000,stroke:#fff,stroke-width:2px style node_14 fill:orange,color:#000,stroke:#fff,stroke-width:2px style node_15 fill:orange,color:#000,stroke:#fff,stroke-width:2px style node_16 fill:orange,color:#000,stroke:#fff,stroke-width:2px

C4Context title Log-on CloudStack network diagram Enterprise_Boundary(b0, "Logon") { Enterprise_Boundary(b11, "Zone Ubuntu") { Enterprise_Boundary(b10, "POD ubuntu") { Enterprise_Boundary(b9, "cluster ubuntu") { Enterprise_Boundary(b7, "Linux Ubuntu") { System(machineA, "Linux Ubuntu", "This machine is located at Dudi's home.") } Enterprise_Boundary(b8, "Linux Dlinux") { System(machineB, "Linux Dlinux", "This machine is located at Poughkeepsie NY.") } } } } Person(customerB, "Banking Customer B") Person_Ext(customerC, "Banking Customer C", "desc") Person(customerD, "Banking Customer D", "A customer of the bank,
with personal bank accounts.") System(SystemAA, "Internet Banking System", "Allows customers to view information about their bank accounts, and make payments.") Enterprise_Boundary(b1, "BankBoundary") { SystemDb_Ext(SystemE, "Mainframe Banking System", "Stores all of the core banking information about customers, accounts, transactions, etc.") System_Boundary(b2, "BankBoundary2") { System(SystemA, "Banking System A") System(SystemB, "Banking System B", "A system of the bank, with personal bank accounts. next line.") } System_Ext(SystemC, "E-mail system", "The internal Microsoft Exchange e-mail system.") SystemDb(SystemD, "Banking System D Database", "A system of the bank, with personal bank accounts.") Boundary(b3, "BankBoundary3", "boundary") { SystemQueue(SystemF, "Banking System F Queue", "A system of the bank.") SystemQueue_Ext(SystemG, "Banking System G Queue", "A system of the bank, with personal bank accounts.") } } } BiRel(machineA, SystemAA, "Uses") BiRel(SystemAA, SystemE, "Uses") Rel(SystemAA, SystemC, "Sends e-mails", "SMTP") Rel(SystemC, machineA, "Sends e-mails to") UpdateElementStyle(customerA, $fontColor="red", $bgColor="grey", $borderColor="red") UpdateRelStyle(customerA, SystemAA, $textColor="blue", $lineColor="blue", $offsetX="5") UpdateRelStyle(SystemAA, SystemE, $textColor="blue", $lineColor="blue", $offsetY="-10") UpdateRelStyle(SystemAA, SystemC, $textColor="blue", $lineColor="blue", $offsetY="-40", $offsetX="-50") UpdateRelStyle(SystemC, customerA, $textColor="red", $lineColor="red", $offsetX="-50", $offsetY="20") UpdateLayoutConfig($c4ShapeInRow="3", $c4BoundaryInRow="1")

erDiagram CUSTOMER ||--o{ ORDER : places CUSTOMER { string name string custNumber string sector } ORDER ||--|{ LINE-ITEM : contains ORDER { int orderNumber string deliveryAddress } LINE-ITEM || --|{ USERS : contains LINE-ITEM { string productCode int quantity float pricePerUnit } USERS { string productCode int quantity float pricePerUnit }

sequenceDiagram autonumber actor C as Customer participant WS as Web Server participant WH as Warehouse participant S as Stripe C->>WS: Submit Order activate WS WS->>WH: Check Stock WS->>S: Process Payment WS->>WH: Dispatch Order WS->>C: Show Success deactivate WS

graph TD; subgraph managment[Cloudstack Managment] ui --> api api --> ui dex --> sef api --> dex style dex fill: navy,color: white end subgraph agent[CloudStack Agent] server --> libvirtd API --> api server --> |port 7516| API libvirtd --> |port 8250| server libvirtd --> kvm style kvm fill: navy,color: white end

graph TD; subgraph managment[Cloudstack Managment] A[Start] --> B[Process 1] --> C[Decision] C -->|Yes| D[Process 2] --> E[Subprocess 1] C -->|No| F[Process 3] --> G[Subprocess 2] C -->|sometimes| L[Process 6] --> M[Subprocess 2] E --> H[End] F --> I[End] H -->|Condition| J[Process 4] I -->|Condition| K[Process 5] style L fille: navy style A fill:#86FFB5,color:#000,stroke:#fff,stroke-width:2px style B fill:#FFD86E,stroke:#333,stroke-width:2px,color:#000 style C fill:#D7FFA2,stroke:#333,stroke-width:2px,color:#000 style D fill:#FFD86E,stroke:#333,stroke-width:2px,color:#000 style E fill:#FFA7A7,stroke:#333,stroke-width:2px,color:#000 style F fill:#FFA7A7,stroke:#333,stroke-width:2px,color:#000 style G fill:#FFA7A7,stroke:#333,stroke-width:2px,color:#000 style H fill:#86FFB5,stroke:#333,stroke-width:2px,color:#000 style I fill:#86FFB5,stroke:#333,stroke-width:2px,color:#000 style J fill:#FFD86E,stroke:#333,stroke-width:2px,color:#000 style K fill:#FFD86E,stroke:#333,stroke-width:2px,color:#000 end

mindmap root((my mindmap)) Origins Long history ::icon(fa fa-book) Popularisation British popular psychology author Tony Buzan Research On effectivness
and features On Automatic creation Uses Creative techniques Strategic planning Argument mapping Tools Pen and paper Mermaid Sefi Java editor compiler

graph TB sq[Square shape] --> ci((Circle shape)) subgraph A od>Odd shape]-- Two line
edge comment --> ro di{Diamond with
line break} -.-> ro(Rounded
square
shape) di==>ro2(Rounded square shape) end %% Notice that no text in shape are added here instead that is appended further down e --> od3>Really long text with linebreak
in an Odd shape] %% Comments after double percent signs e((Inner / circle
and some odd
special characters)) --> f(,.?!+-*ز) cyr[Cyrillic]-->cyr2((Circle shape Начало)); classDef green fill:#9f6,stroke:#333,stroke-width:2px; classDef orange fill:#f96,stroke:#333,stroke-width:4px; class sq,e green class di orange