Vision Mapr
Free online network diagram tool

A free network diagram maker that runs in your browser

Quick answer: to make a network diagram, place a box for each device (firewall, switch, server, access point, PC), connect them with lines that show how they are cabled, and label each link and device with its VLAN or IP range. Vision Mapr does this free in the browser, with device icons, right-angle connectors and a Home Lab template to start from.

Free · no signup to try · works on phones, tablets and computers

Home lab network diagram in Vision Mapr: Internet, firewall, core switch with VLANs 10, 20 and 30, a hypervisor, NAS, Wi-Fi AP and workstation, plus an offsite backup
The Home Lab template: firewall, a VLAN-trunked core switch and four hosts, with right-angle "Old School" connectors and an animated WAN link.

What you can draw

The parts that make it work for networks

FeatureWhy it matters on a network diagram
Device iconsInternet, modem, Wi-Fi, switch, desktop, laptop, phone, NAS/server, TV, printer, firewall and cloud, as a tag on any box.
Right-angle connectorsThe Old School line style draws tidy elbow lines like a rack diagram, instead of curves.
Labelled linksType trunk, Cat6, 10 GbE, VLAN 20 or a port number straight onto a line.
Line styles and coloursSolid for wired, dashed for wireless or backup, an animated Circuit style for the WAN, and nine colours for zones.
Rich text in boxesHostname on the first line, IP and VLAN on the second; bold, lists and links too.
Minimap, search, zoomBig networks stay navigable; search finds a hostname instantly.
PNG export and printDrop the diagram into documentation, a wiki or a ticket.
Version historyWith a free account, every save keeps a version, so you can see the network as it was before a change.

How to make a network diagram, step by step

  1. Pick the view. Physical (hardware and cables) or logical (subnets and VLANs). Do one per map.
  2. Put the edge at the top. Internet, then your firewall or router. Traffic flows downward from there.
  3. Add the core. The main switch, or switches, under the firewall. Label the uplink (for example trunk, VLAN 10/20/30).
  4. Add hosts and access points. One box each, tagged with an icon, with hostname and IP in the text.
  5. Connect and label. Draw each cable or wireless link and label anything non-obvious: speed, VLAN, port.
  6. Colour by zone. For example servers blue, IoT teal, guest grey, management red.
  7. Export. Save a PNG for your docs and keep the live map for the next change.

Network diagram conventions worth following

Honest limits: Vision Mapr has no vendor stencil packs, auto-discovery or real-time multi-user editing. It's built for one person drawing a clear diagram quickly and for free.

Questions people ask

What is a network diagram?

A network diagram is a picture of how the devices on a network connect: routers, firewalls, switches, servers, access points and end devices, joined by lines that represent cables or wireless links. Good ones also label each link and device with IP ranges, VLANs and port numbers.

What is a network topology diagram?

A topology diagram shows the shape of a network. In a star, every device connects to one central switch. A tree links several stars through a core switch. A mesh connects nodes to each other for redundancy. Most homes and small offices are a star or a tree with the router or core switch at the centre.

What is the difference between a physical and a logical network diagram?

A physical diagram shows real hardware and cabling: which box sits in which rack or room and which port connects to which. A logical diagram shows how traffic is organised: subnets, VLANs, gateways and firewall zones. Keep them as two separate maps once a network grows past a handful of devices.

Is Vision Mapr a replacement for Visio or Lucidchart?

For simple to medium diagrams such as a home lab, a small office or a planning sketch, it covers the essentials free: boxes, device icons, right-angle connectors, labelled links, colours and PNG export. It does not have vendor stencil libraries, real-time co-editing or Visio file import. Use a dedicated diagramming suite if you need those.

Can it discover my network automatically?

No. Vision Mapr is a drawing tool. It does not scan networks or read SNMP; you draw the diagram yourself. That keeps it simple and private, because nothing on your network is ever touched.

Can I draw a project-management network diagram with it?

Partly. Project network diagrams (activity-on-node, PERT) are boxes joined by arrows, so you can draw one, but Vision Mapr does not calculate critical paths or durations. For a visual sketch of task dependencies it works well.

Keep going

Open a blank canvas

Start mapping now. No account, nothing to install. Register free when you want to save to the cloud and share a link.

Sponsored: You might also like