PlantUML Web Server

@startuml
digraph g {
    label=""
    labelloc=t
    forcelabels=true
    graph [fontname="Helvetica"]
    graph [style=wedged]

node [label="" shape=box fontname="Helvetica-Bold" fontsize="12pt" style=filled fillcolor="#E3FCDD:#BFF4AC" color="#336F05" gradientangle=90]
    edge [fontname="Helvetica" fontsize="10pt"]
    sx01 [label="leaf01"]
    sx02 [label="leaf02"]
    S1 [label="server01"]
    S2 [label="server02"]
    concentrate=true

{ rank = same; sx01 sx02 }
    { rank = same; S1 S2 }

sx01 -> sx02 [minlen=4 peripheries=2 color="black:white:black" arrowhead=none
        labeldistance=4
        labelangle=0
        headlabel=<
            <table border="0">
                <tr><td></td></tr>
                <tr><td></td></tr>
                <tr><td></td></tr>
                <tr><td></td></tr>
            </table>
        >
    ]
    sx01 -> S1 [color="#1A5883" arrowhead=none labelangle=75 taillabel="" headlabel="" fontsize="8pt"]
    sx01 -> S2 [color="#00BE50" arrowhead=none labelangle=35 taillabel="" headlabel="" fontsize="8pt"]
    sx02 -> S1 [color="#1A5883" arrowhead=none labelangle=35 taillabel="" headlabel="" fontsize="8pt"]
    sx02 -> S2 [color="#00BE50" arrowhead=none labelangle=-75 taillabel="" headlabel="" fontsize="8pt"]
    S1 -> S2 [minlen=8 style=invis arrowhead=none]
}
@enduml

🎉 Discover the future PlantUML Web Editor! 🚀 PNG SVG ASCII Art