Networking

Office LAN Topologynetworkinginternet edge, firewall, core L3 switch, VLANs, Wi-Fi APs and servers for a 60-person office. Data Center Leaf-Spinenetworkingspines, ToR and border leaves, eBGP underlay and ECMP in a 3-stage Clos fabric. Cloud VPC Network DiagramnetworkingAWS VPC with public and private subnets in two AZs, IGW, NAT, route tables and security groups. OSI and TCP/IP LayersnetworkingOSI and TCP/IP layer stacks side by side, protocols per layer and encapsulation. TCP Handshake SequencenetworkingSYN, SYN-ACK, ACK, data with sequence numbers and the 4-way close as a sequence diagram. TLS 1.3 Handshake Sequencenetworkingthe 1-RTT TLS 1.3 handshake from ClientHello to Finished, plus HelloRetryRequest. DNS Resolution Sequencenetworkingstub, recursive, root, TLD and authoritative servers, with caching and NXDOMAIN. DMZ Firewall Diagramnetworkingedge and internal firewalls around a screened subnet, with allowed and blocked flows.

Sample diagrams for networking: four topology diagrams, a layer model, and three UML sequence diagrams of the protocols every connection depends on. Each sample page draws one realistic scenario, explains it step by step, shows a variant, and gives the diagram as code.


1. Which Diagrams Networking Uses

Networking work asks three kinds of question, and each has its own diagram. Where are the devices, links and security zones? That is a topology diagram. What wraps what, and at which layer does a protocol or device operate? That is a layer stack. What happens, in what order, when two hosts talk? That is a UML sequence diagram.

Only the sequence diagrams here are UML. UML covers software structure and behaviour; topology, security-zone and layer diagrams are the other standard notations used alongside it, and network engineers expect them. The closest UML equivalent of a topology diagram is the deployment diagram, but in practice teams draw labelled device boxes and links, grouped by VLAN, subnet or zone, with colour reserved for meaning: green for allowed flows and trusted zones, yellow for emphasis, red for blocked or failed paths.

Networking Diagrams: Three Families Topology where things are Office LAN Leaf-Spine Cloud VPC DMZ Layers what wraps what OSI vs TCP/IP Encapsulation Sequence (UML) what happens when TCP handshake TLS 1.3 DNS resolution Most designs need one of each: topology for layout, layers for vocabulary, sequences for behaviour.

2. Question to Diagram

QuestionDiagramSample page
What is connected to what, and where are the trust boundaries?Topology diagramOffice LAN
How does a fabric scale and survive a switch failure?Fabric topologyLeaf-Spine
Which cloud subnets are public, and why?Cloud network diagramCloud VPC
Which traffic is allowed from the internet?Security-zone diagramDMZ
At which layer does this protocol or device work?Layer stackOSI and TCP/IP
How many round trips before data flows?UML sequence diagramTCP, TLS
Why is the first lookup slow?UML sequence diagramDNS

Start from the question your reader has, not from the tool you like. If the answer involves time or round trips, draw a sequence; if it involves boundaries or capacity, draw a topology.

3. Conventions Used in These Samples

UML Sequence Diagramsumlnotation reference for the protocol samples UML Deployment Diagramsumlthe UML view of nodes and links Architecture Diagramsdiagramsinfrastructure diagram conventions AWS NetworkingnetworkingVPC, Route 53, CloudFront and API Gateway