PlantUML Web Server

@startuml
nwdiag {
  group openVpnNetwork{
    color = "orange"
    description = "site2site VPN \n between condo \n and work LAN";
    condoRouter;
    internetRouter;
    pfSenseRouter;
  }

network condo {
    color = "green"
    address = "192.168.x.0/24";

condoRouter [ address = "192.168.x.1/24"; ];

dashboardRPi [ address = "192.168.x.38/24"; ];
    desktopPC [ address = "192.168.x.25/24"; ];
  }

network internet {
    condoRouter [ address = "A.B.C.D"; ];
    internetRouter [ address = "F.G.H.I"; description = "work WAN \n internet router \n\n forwards OpenVPN port \n from internet \n to pfSenseRouter" ];

}

network workWAN {
    address = "192.168.y.0/24";

internetRouter [ address = "192.168.x.1/24"; ];
    pfSenseRouter [ address = "192.168.x.101/24"; ];
    DMZserver [ address = "192.168.x.201/24"; ];
  }

network workLAN{
    color = "LightBlue";
    description = "work LAN 192.168.z.0/24";

pfSenseRouter [ address = "192.168.z.1/24"; ];

LANServer [ address = "192.168.x.201/24"; ];
  }

}
@enduml

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