Creating network diagrams with Inkscape

A while ago I was looking at creating a network diagram for my home. I first was playing around with the usual tools that are freely available e.g. OpenOffice.org Draw, Dia, etc. These produced useful diagrams but they were really boring. I did some more searching and found that Inkscape has a Connector tool that you can use to create diagrams. I ended up spending some time and making a “modern” looking network diagram, as you can see here:

EASTnet

 

The icons are from the Faenza icon set which I only recently stopped using as my icons on my Ubuntu desktop. I have modified some of the icons for devices like the Switch and WAP.

Using Inkscape to create  network diagrams is not the best way to do it. I had a few issues with connectors losing their connection when moving devices around and the occasional crash (which I reported to Inkscape on Launchpad). I would love if more support for connectors and network diagram style drawing was added into the SVG standard because you can make really nice looking diagrams.

Accessing your modem from OpenWRT Router

In this setup the modem’s IP address will be 192.168.20.254/24 and the OpenWRT router’s address will be 192.168.10.254/24

Go to Network section and open Interfaces
Down the bottom of the Interface section click on Add new interface…

01 Create InterfaceName the interface e.g. modem
Select the radio button next to the wan interface in the Cover the following interface section
Click Submit
The configuration page for the new interface will now load

02 Interface Config

Enter in the address as 192.168.20.253 and netmask as 255.255.255.0
Go to the Firewall Settings tab and make sure the new interface is assigned to the wan zone

03 Zone Config

Click Save & Apply

Click on the Network  menu and select Interfaces

06 Connect Interface

Click Connect next to the modem interface
You should now be able to access your modem’s web console from a device on your LAN