Draw simple network topologies by dragging nodes. Export as SVG.
The Network Diagram Generator is a free, browser-based canvas for sketching network topologies by dragging and dropping nodes such as routers, switches, firewalls, servers, access points, cloud gateways, and IoT sensors, then wiring them together with labeled links. It is built for network engineers documenting a LAN or VLAN layout, IoT architects mapping how MQTT brokers and edge gateways connect, students learning topology types, and support teams who need a quick diagram to hand off during an incident.
Everything runs in your browser: you place shapes on a grid, connect them with lines that can carry annotations like IP ranges, subnet masks, port numbers, or link speed, and export the result as PNG or SVG for a runbook, wiki, or ticket. No CAD skills or Visio license are required.
The tool renders your topology on an HTML5 canvas or SVG layer. Each device you drop is a node object with a position, label, and metadata fields; each connection is an edge that stores its endpoints and any annotation you attach. Because the diagram is a structured graph rather than a flat picture, links stay attached to their nodes when you move things around, and exporting to SVG preserves every element as a separate, editable vector path.
The palette maps to common topology building blocks. A star topology has endpoints radiating from a central switch; a mesh connects nodes to multiple peers for redundancy; a bus or ring arranges them in a line or loop. For IoT layouts you can model the typical three tiers: field sensors and actuators, an edge gateway that aggregates them, and a cloud or on-premise broker. Labeling links with CIDR notation such as 10.0.0.0/8 or port numbers like TCP 1883 for MQTT keeps the diagram accurate enough to double as lightweight documentation.
Exports are generated entirely client-side. PNG is a rasterized snapshot suitable for chat and tickets, while SVG keeps text selectable and scales without pixelation, making it the better choice for print or for re-importing into another editor later.
Yes, it is completely free with no sign-up. The diagram is built and rendered entirely in your browser, so your node names, IP addresses, and layout are never uploaded to a server unless you choose to export and share the file yourself.
You can export as PNG for a quick raster image to paste into tickets or chat, or as SVG for a scalable vector that keeps text and shapes editable and prints without blurring.
Yes. The palette includes IoT sensors, edge gateways, brokers, and cloud nodes, so you can model the sensor-to-gateway-to-broker flow and label links with protocols like MQTT on TCP 1883 or CoAP on UDP 5683.
Yes. Use solid lines for physical cabling and dashed lines for wireless or logical connections such as VLANs or VPN tunnels, and label each link with a port, VLAN ID, or bandwidth value.
No. Everything runs in a standard web browser with no plugins, downloads, or licenses required, which makes it easy to sketch a topology on any machine.
Yes. Each link is bound to its two endpoint nodes, so dragging a node repositions its connections automatically instead of leaving lines floating.
Yes. Double-click any node to add a hostname, IP address, or CIDR subnet such as 192.168.1.0/24, which is useful for turning the diagram into lightweight network documentation.