Has anyone done a interactive network diagram? Something that can show devices online/offline etc and a well documented diagram.
Networks getting insane.
There are other questions on a network diagram for all devices; that doesn’t seem to be available out of the box, but there may be ways of doing it. For ZigBee / the zha integration only, you can get this via ‘{your url}/config/zha/visualization’.
Nah im talking like network as in TCP/IP network.
Cheers
Answer that will not please you : I don’t know any (at least free).
As I was looking for one a long time ago, I gave up, drawn one myself using Google Draw and used it in a picture-element card.
I’m curious to see if someone will come and answer you.
The simplest way - display rectangular elements in a grid-like card; each element is a device (router, switch, pc, …); red=offline, green=online. All elements may be grouped like “active network equipment”, “pcs”, “printers”, “ups” etc. Plus additional info may be displayed on each element like “uptime” etc. More compact than drawing a tree-like structure on Picture elements card.
I tried to make something lika that some time ago haviong small device status discovery script + small ASP web page created to pick the ouput of the sript and put result into dynamic SVG. Worked fine, but with quite dynamic setup of my network it was nightmare to maintain. Other solution is indeed to use some sort of graphics library that is capable of drawing organization chart and substitute people by devices - this allows to have some network hierarchy maintained. I tried this with google charts and it works… but usually creates charts that are not fitting available space well 
I mean for ~80 devices I have in network and 4 layers of network (router, core switch, access switches, devices) it creates very wide picture.
Another issue is discovery of all devices in the network to be displayed. You not using external tool, you need to create separate ping sensor for each device and the overlay it on suitable card (picture elemnt, grid). In each case structure of network need to be maintained manually. I’m not aware about any automatic discovery tool that would do good job for home network (e.g. not using more sophisticated network equipment that is capable of reporting topology) and would have API to connect to HA.
How did you get the google charts in a card?
I use Node Red to get the network info and to format it. So now I need to either use some html in an iframe (yuck), or make my own card. I tried making a card but I am not a programmer, so that went up in flames. 
Do not recall details, I dropped this idea long time ago… but I believe I indeed used iframe to display web page containing only google chart. I’m not programmer too, so only simple methods ara available 
Had a look at Whatsup Gold?
We use it in our company, but there is a free version also…
It can scan your network, and will monitor continuously.
Not sure though if it is integrational with HA, but since it is web based, i guess there are options to do so 
This looks promising!
Its a shame they don’t support Linux though.
I hate running windows vms.