Network diagram maker
Add the devices, drag them into place and connect them by cable or wireless. Click an icon to type its name and IP.
How to useThe network and servers in one drawing
Network diagram maker: what it is for
Declare each device with a shape (double circle for the internet, cylinder for a database, disk for backup, hexagon for a firewall), group the items by location and connect them with solid or dashed arrows.
The drawing builds next to the text as you type and helps document the network of an office, a store or a cloud system.
How to use
- Declare the devices and their shapes.
- Group by location and connect with arrows.
- Download the diagram as PNG or SVG.
When to use it
- Documenting an office network.
- Installation proposal for a client.
- Computer networks coursework.
Frequently asked questions
How do I declare a device?
name@{ shape: shape, label: "Text" }. The shapes that work best for networks: dbl-circ (internet), cyl (database), lin-cyl (disk or backup), hex (firewall), circle (router), rect (server), rounded (computers) and stadium (Wi-Fi or access point).
How do I group and connect the items?
To group by location, put the items between subgraph name [Text] and end. To connect, use name1 --> name2; with -.-> the line is dashed, good for backups or occasional links, and with & you connect one item to several at once.
What kind of network is it for?
For drawings of office, store and home networks and cloud architecture, in documentation, proposals and coursework. To work out IP addresses and masks, use the subnet calculator.
Is it really free?
Yes, 100% free. No sign-up, no subscription and no usage limits. All Tools123 tools are free and run right in your browser.