Network Topology — Reladraw template

办公室网络. Copy the source, paste into the official playground, done. No coordinates — every position is stated relative to something else.

Preview

Internet Firewall Core Switch AP floor-1 AP floor-2 Server rack

Source (.reladraw)

node inet "Internet"
node fw "Firewall"  below inet
node sw "Core Switch"  below fw
node ap1 "AP floor-1"  below-left of sw
node ap2 "AP floor-2"  below-right of sw
node srv "Server rack"  right of sw
edge inet -> fw
edge fw -> sw
edge sw -> ap1
edge sw -> ap2
edge sw -> srv

How to use

  1. Open the Reladraw playground
  2. Paste the source above — the diagram re-solves live
  3. Export SVG from the playground, or render locally: npx reladraw network-topology.reladraw -o out.svg

When to use this template

A physical network map: internet up top, firewall, core switch, two access points and a server rack. Use it for office moves, ISP escalations, and incident docs — anything where someone needs to know what plugs into what.

How to customize

  1. Add a backup WAN. Add node lte "LTE backup" right of fw and edge lte -> fw.
  2. Show VLANs. Suffix AP labels: node ap1 "AP-floor1 (vlan 20)" — or use compound ids per VLAN to get container boxes.
  3. Mark redundancy. Label the standby: node fw2 "Firewall (standby)" right of fw plus edges from inet and sw.

FAQ

How do I map my office network?

Start from the internet edge and walk inward: each device is a node, each cable is an edge. Place devices the way traffic flows — that is exactly the structure of this template.

Can Reladraw show wifi coverage or signal strength?

No — it is a topology tool, not a heat-map tool. Show APs as nodes and note coverage in labels if needed; use a site-survey app for actual RF maps.

How do I document failover paths?

Add the standby device as a node, wire it to the same upstream and downstream neighbors, and label its edges standby. The layout solver will place it beside the primary automatically.

Related templates

State MachineVPC Network ZonesFamily Tree