digraph "HelpCenter Security diagram" { graph [bgcolor=transparent compound=true fontcolor="#2D3436" fontname="Sans-Serif" fontsize=10 rankdir=LR] node [fixedsize=false] subgraph cluster_web { graph [bgcolor="#E5F5FD" shape=box style=rounded] label="Web Server(s)" web1 [label="WebServer 1"] web2 [label="WebServer 2"] web3 [label="WebServer XX"] } subgraph cluster_storage { graph [bgcolor="#E5F5FD" shape=box style=rounded] label=Storage swift [label="Swift Object Store"] web1 -> swift [label=HTTPS color=black dir=back fontsize=8] web2 -> swift [label=HTTPS color=black dir=back fontsize=8] web3 -> swift [label=HTTPS color=black dir=back fontsize=8] } subgraph cluster_zuul { graph [bgcolor="#E5F5FD" shape=box style=rounded] label="Zuul CI/CD" zuul [label="Zuul CI/CD"] zuul -> swift [label=HTTPS color=black fontsize=8] } subgraph cluster_git { graph [bgcolor="#E5F5FD" shape=box style=rounded] github1 [label="Project 1"] github2 [label="Project 2"] github3 [label="Project XX"] github1 -> zuul [label=HTTPS color=black fontsize=8] github2 -> zuul [label=HTTPS color=black fontsize=8] github3 -> zuul [label=HTTPS color=black fontsize=8] } }