Skip to content

Instantly share code, notes, and snippets.

@dsgnr
Forked from martinwoodward/mermaid.md
Last active July 23, 2025 20:07
Show Gist options
  • Save dsgnr/b3422454e8777b47abbe3b3a95442057 to your computer and use it in GitHub Desktop.
Save dsgnr/b3422454e8777b47abbe3b3a95442057 to your computer and use it in GitHub Desktop.
GitHub HTML Rendering Pipeline
```mermaid
sequenceDiagram
    participant dotcom
    participant iframe
    participant viewscreen
    dotcom->>iframe: loads html w/ iframe url
    iframe->>viewscreen: request template
    viewscreen->>iframe: html & javascript
    iframe->>dotcom: iframe ready
    dotcom->>iframe: set mermaid data on iframe
    iframe->>iframe: render mermaid
```
sequenceDiagram
    participant dotcom
    participant iframe
    participant viewscreen
    dotcom->>iframe: loads html w/ iframe url
    iframe->>viewscreen: request template
    viewscreen->>iframe: html & javascript
    iframe->>dotcom: iframe ready
    dotcom->>iframe: set mermaid data on iframe
    iframe->>iframe: render mermaid
Loading
architecture-beta
    %% Groups
    group undercloud(cloud)[Undercloud Controller]
    group baremetal(server)[SDDC Bare Metal Node]
    group net(cloud)[Networks]
    group paloalto(firewall)[Virtual Palo Alto]
    
    %% Services for undercloud/baremetal
    service ironic_api(cloud)[Ironic_API] in undercloud
    service ctlr_mgmt(server)[Mgmt_NIC] in undercloud

    service bm_mgmt(server)[Mgmt_NIC] in baremetal
    service bm_prov(server)[Provisioning_NIC] in baremetal
    service bm_tenant(server)[Tenant_NIC] in baremetal
    service bm_trunk(server)[SDDC_Trunk_NIC] in baremetal

    %% Network services
    service mgmt_net(cloud)[Management_Network] in net
    service prov_net(cloud)[Provisioning_Network] in net
    service tenant_net(cloud)[Tenant_Network] in net
    service ext_net(internet)[External_Network] in net
    service sddc_trunk(cloud)[SDDC_Trunk] in net

    %% Palo Alto services
    service pa_ext(firewall)[PaloAlto_ext_if] in paloalto
    service pa_int(firewall)[PaloAlto_inside_trunk] in paloalto

    %% Connectivity
    ironic_api:R -- L:ctlr_mgmt
    ctlr_mgmt:B -- T:mgmt_net
    bm_mgmt:T -- B:mgmt_net

    ctlr_mgmt:B -- T:prov_net
    bm_prov:T -- B:prov_net

    bm_tenant:B -- T:tenant_net
    bm_trunk:B -- T:sddc_trunk

    ext_net:R -- L:pa_ext
    pa_ext:R -- L:pa_int
    pa_int:B -- T:sddc_trunk

    tenant_net:R -- L:sddc_trunk
Loading
%%{init: {"theme":"default"}}%%
architecture-beta
    title OpenStack & VMware Cluster Network Topology

    boundary "OpenStack Virtual Router" as openstack_router {
        component "Floating IP\n10.46.114.39" as fip1
        component "Floating IP\n10.46.114.56" as fip2
        component "Gateway IP\n172.31.20.1" as gw
    }

    boundary "VMware Cluster" as vmware_cluster {
        component "Hypervisor 1\n172.31.20.7\n172.20.0.101" as hv1
        component "Hypervisor 2\n172.31.20.8\n172.20.0.102" as hv2
        component "Virtual Palo Alto\n203.0.113.27\n172.20.0.1" as vpa
    }

    boundary "Physical Switches" as switches {
        component "Primary" as sw1
        component "Redundant" as sw2
        component "Primary" as sw3
        component "Redundant" as sw4
    }

    boundary "Parent Port (untagged)" as parent_port {
        component "Trunk/Sub-ports\n100: mgmt\n101: vmotion\n...\n105: OUTSIDE" as trunk_ports
    }

    component "OUTSIDE Gateway\n203.0.113.1" as outside_gw
    component "The Internet" as internet

    %% Connections
    openstack_router -->|Provisioning Network| switches
    gw --> hv1
    gw --> hv2

    switches --> hv1
    switches --> hv2
    switches --> outside_gw

    parent_port --> switches
    trunk_ports --> switches

    hv1 --> vpa
    hv2 --> vpa

    vpa --> outside_gw
    outside_gw --> internet

    %% Dotted lines for floating IPs
    fip1 ..> gw
    fip2 ..> gw

    %% Dotted line for internal net
    openstack_router ..>|"INTERNAL NET"| gw
Loading
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment