@webwriter/network/snippets/complex-network.html

Visualization of network topologies. Can represent different kinds of networks.

<ww-network class="ww-widget ww-v0.0.1 ww-selected" contenteditable="" screen="medium" componets="[{&quot;id&quot;:&quot;host0&quot;,&quot;name&quot;:&quot;host0&quot;,&quot;color&quot;:&quot;#70e6af&quot;,&quot;type&quot;:&quot;mobile&quot;,&quot;x&quot;:-306.024454782425,&quot;y&quot;:-136.11977229410817,&quot;ports&quot;:[{&quot;name&quot;:&quot;eth0&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;cf:e4:ff:e3:c7:3c&quot;,&quot;ip4&quot;:&quot;1.1.1.2&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;}],&quot;portLinks&quot;:[&quot;graphEdge0&quot;],&quot;defaultGateway&quot;:[&quot;router2&quot;,1]},{&quot;id&quot;:&quot;host1&quot;,&quot;name&quot;:&quot;host1&quot;,&quot;color&quot;:&quot;#70e6af&quot;,&quot;type&quot;:&quot;mobile&quot;,&quot;x&quot;:-307.3690426555197,&quot;y&quot;:-83.70307088274684,&quot;ports&quot;:[{&quot;name&quot;:&quot;eth0&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;5b:bc:85:54:b1:50&quot;,&quot;ip4&quot;:&quot;1.1.1.3&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;}],&quot;portLinks&quot;:[&quot;graphEdge1&quot;],&quot;defaultGateway&quot;:[&quot;router3&quot;,1]},{&quot;id&quot;:&quot;host2&quot;,&quot;name&quot;:&quot;host2&quot;,&quot;color&quot;:&quot;#70e6af&quot;,&quot;type&quot;:&quot;mobile&quot;,&quot;x&quot;:-308.7730997393322,&quot;y&quot;:-38.39349743794498,&quot;ports&quot;:[{&quot;name&quot;:&quot;eth0&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;c4:66:09:72:53:f1&quot;,&quot;ip4&quot;:&quot;1.1.1.4&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;}],&quot;portLinks&quot;:[&quot;graphEdge2&quot;],&quot;defaultGateway&quot;:[&quot;router2&quot;,1]},{&quot;id&quot;:&quot;host3&quot;,&quot;name&quot;:&quot;host3&quot;,&quot;color&quot;:&quot;#70e6af&quot;,&quot;type&quot;:&quot;mobile&quot;,&quot;x&quot;:-313.14214239485204,&quot;y&quot;:100.96498557170713,&quot;ports&quot;:[{&quot;name&quot;:&quot;eth0&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;be:13:39:f6:bf:12&quot;,&quot;ip4&quot;:&quot;1.1.1.7&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;}],&quot;portLinks&quot;:[&quot;graphEdge7&quot;],&quot;defaultGateway&quot;:[&quot;router2&quot;,1]},{&quot;id&quot;:&quot;host4&quot;,&quot;name&quot;:&quot;host4&quot;,&quot;color&quot;:&quot;#70e6af&quot;,&quot;type&quot;:&quot;mobile&quot;,&quot;x&quot;:-311.095317511683,&quot;y&quot;:144.72585791982698,&quot;ports&quot;:[{&quot;name&quot;:&quot;eth0&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;e9:62:11:30:a9:28&quot;,&quot;ip4&quot;:&quot;1.1.1.6&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;}],&quot;portLinks&quot;:[&quot;graphEdge6&quot;],&quot;defaultGateway&quot;:[&quot;router3&quot;,1]},{&quot;id&quot;:&quot;host5&quot;,&quot;name&quot;:&quot;host5&quot;,&quot;color&quot;:&quot;#70e6af&quot;,&quot;type&quot;:&quot;mobile&quot;,&quot;x&quot;:-315.21467286945494,&quot;y&quot;:188.89287203344048,&quot;ports&quot;:[{&quot;name&quot;:&quot;eth0&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;7d:4d:80:06:75:bc&quot;,&quot;ip4&quot;:&quot;1.1.1.5&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;}],&quot;portLinks&quot;:[&quot;graphEdge5&quot;],&quot;defaultGateway&quot;:[&quot;router2&quot;,1]},{&quot;id&quot;:&quot;switch0&quot;,&quot;name&quot;:&quot;switch0&quot;,&quot;color&quot;:&quot;#20b2aa&quot;,&quot;type&quot;:&quot;switch&quot;,&quot;x&quot;:-272.0354313646289,&quot;y&quot;:32.92872033440577,&quot;ports&quot;:[{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;b6:3d:a8:94:24:93&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;f9:dd:75:d8:4e:ba&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;fc:16:6d:1e:f2:a2&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;28:d9:3b:6e:21:db&quot;}],&quot;portLinks&quot;:[&quot;graphEdge4&quot;,&quot;graphEdge3&quot;,&quot;graphEdge25&quot;,&quot;graphEdge26&quot;]},{&quot;id&quot;:&quot;switch1&quot;,&quot;name&quot;:&quot;switch1&quot;,&quot;color&quot;:&quot;#20b2aa&quot;,&quot;type&quot;:&quot;switch&quot;,&quot;x&quot;:-23.261914688960374,&quot;y&quot;:-73.21383899678261,&quot;ports&quot;:[{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;77:c8:f7:2a:b4:3f&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;06:12:e7:dd:6f:1f&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;40:43:77:2c:1f:0f&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;29:6b:77:1e:83:b2&quot;}],&quot;portLinks&quot;:[&quot;graphEdge0&quot;,&quot;graphEdge1&quot;,&quot;graphEdge2&quot;,&quot;graphEdge3&quot;]},{&quot;id&quot;:&quot;switch2&quot;,&quot;name&quot;:&quot;switch2&quot;,&quot;color&quot;:&quot;#20b2aa&quot;,&quot;type&quot;:&quot;switch&quot;,&quot;x&quot;:-32.55884380621352,&quot;y&quot;:132.86925112368783,&quot;ports&quot;:[{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;44:cd:14:5e:9d:2a&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;5f:65:4e:3a:c6:bb&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;b5:cf:0f:1f:06:70&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;fc:07:e0:ef:eb:7b&quot;}],&quot;portLinks&quot;:[&quot;graphEdge5&quot;,&quot;graphEdge4&quot;,&quot;graphEdge7&quot;,&quot;graphEdge6&quot;]},{&quot;id&quot;:&quot;accessPoint0&quot;,&quot;name&quot;:&quot;accessPoint0&quot;,&quot;color&quot;:&quot;#ff6347&quot;,&quot;type&quot;:&quot;accesspoint&quot;,&quot;x&quot;:487.99999999999994,&quot;y&quot;:168,&quot;ports&quot;:[{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;a5:ba:57:96:67:83&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;wireless&quot;,&quot;mac&quot;:&quot;58:49:50:be:bb:0e&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;wireless&quot;,&quot;mac&quot;:&quot;86:24:88:d7:45:81&quot;}],&quot;portLinks&quot;:[&quot;graphEdge16&quot;,&quot;graphEdge9&quot;,&quot;graphEdge8&quot;]},{&quot;id&quot;:&quot;accessPoint1&quot;,&quot;name&quot;:&quot;accessPoint1&quot;,&quot;color&quot;:&quot;#ff6347&quot;,&quot;type&quot;:&quot;accesspoint&quot;,&quot;x&quot;:525,&quot;y&quot;:-120,&quot;ports&quot;:[{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;10:76:d5:03:1b:99&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;wireless&quot;,&quot;mac&quot;:&quot;d6:44:3f:02:e5:b5&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;wireless&quot;,&quot;mac&quot;:&quot;42:c3:00:99:aa:fc&quot;}],&quot;portLinks&quot;:[&quot;graphEdge14&quot;,&quot;graphEdge13&quot;,&quot;graphEdge12&quot;]},{&quot;id&quot;:&quot;accessPoint2&quot;,&quot;name&quot;:&quot;accessPoint2&quot;,&quot;color&quot;:&quot;#ff6347&quot;,&quot;type&quot;:&quot;accesspoint&quot;,&quot;x&quot;:528,&quot;y&quot;:28.000000000000007,&quot;ports&quot;:[{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;d8:83:bb:59:9c:e6&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;wireless&quot;,&quot;mac&quot;:&quot;cb:dd:77:e6:e0:5d&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;wireless&quot;,&quot;mac&quot;:&quot;8a:ef:10:1b:a6:be&quot;}],&quot;portLinks&quot;:[&quot;graphEdge15&quot;,&quot;graphEdge11&quot;,&quot;graphEdge10&quot;]},{&quot;id&quot;:&quot;switch3&quot;,&quot;name&quot;:&quot;switch3&quot;,&quot;color&quot;:&quot;#ff6347&quot;,&quot;type&quot;:&quot;switch&quot;,&quot;x&quot;:318.99999999999994,&quot;y&quot;:29.000000000000007,&quot;ports&quot;:[{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;66:75:73:c9:54:f4&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;91:69:0f:3f:1b:f5&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;32:0f:90:06:c9:cf&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;a6:cb:65:2f:51:d9&quot;},{&quot;name&quot;:&quot;port&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;c9:6f:4f:94:dc:19&quot;}],&quot;portLinks&quot;:[&quot;graphEdge14&quot;,&quot;graphEdge15&quot;,&quot;graphEdge16&quot;,&quot;graphEdge22&quot;,&quot;graphEdge21&quot;]},{&quot;id&quot;:&quot;host6&quot;,&quot;name&quot;:&quot;host6&quot;,&quot;color&quot;:&quot;#ffa07a&quot;,&quot;type&quot;:&quot;mobile&quot;,&quot;x&quot;:723,&quot;y&quot;:188,&quot;ports&quot;:[{&quot;name&quot;:&quot;eth0&quot;,&quot;type&quot;:&quot;wireless&quot;,&quot;mac&quot;:&quot;6f:45:7c:f1:0d:0a&quot;,&quot;ip4&quot;:&quot;2.2.2.8&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;}],&quot;portLinks&quot;:[&quot;graphEdge8&quot;],&quot;defaultGateway&quot;:[&quot;router3&quot;,2]},{&quot;id&quot;:&quot;host7&quot;,&quot;name&quot;:&quot;host7&quot;,&quot;color&quot;:&quot;#ffa07a&quot;,&quot;type&quot;:&quot;mobile&quot;,&quot;x&quot;:727,&quot;y&quot;:126,&quot;ports&quot;:[{&quot;name&quot;:&quot;eth0&quot;,&quot;type&quot;:&quot;wireless&quot;,&quot;mac&quot;:&quot;26:75:ec:0c:e1:56&quot;,&quot;ip4&quot;:&quot;2.2.2.7&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;}],&quot;portLinks&quot;:[&quot;graphEdge9&quot;],&quot;defaultGateway&quot;:[&quot;router2&quot;,2]},{&quot;id&quot;:&quot;host8&quot;,&quot;name&quot;:&quot;host8&quot;,&quot;color&quot;:&quot;#ffa07a&quot;,&quot;type&quot;:&quot;mobile&quot;,&quot;x&quot;:733,&quot;y&quot;:7.000000000000007,&quot;ports&quot;:[{&quot;name&quot;:&quot;eth0&quot;,&quot;type&quot;:&quot;wireless&quot;,&quot;mac&quot;:&quot;72:a0:da:97:54:80&quot;,&quot;ip4&quot;:&quot;2.2.2.5&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;}],&quot;portLinks&quot;:[&quot;graphEdge11&quot;],&quot;defaultGateway&quot;:[&quot;router2&quot;,2]},{&quot;id&quot;:&quot;host9&quot;,&quot;name&quot;:&quot;host9&quot;,&quot;color&quot;:&quot;#ffa07a&quot;,&quot;type&quot;:&quot;mobile&quot;,&quot;x&quot;:743,&quot;y&quot;:-143,&quot;ports&quot;:[{&quot;name&quot;:&quot;eth0&quot;,&quot;type&quot;:&quot;wireless&quot;,&quot;mac&quot;:&quot;c9:c2:3c:d9:31:76&quot;,&quot;ip4&quot;:&quot;2.2.2.2&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;}],&quot;portLinks&quot;:[&quot;graphEdge12&quot;],&quot;defaultGateway&quot;:[&quot;router3&quot;,2]},{&quot;id&quot;:&quot;host10&quot;,&quot;name&quot;:&quot;host10&quot;,&quot;color&quot;:&quot;#ffa07a&quot;,&quot;type&quot;:&quot;mobile&quot;,&quot;x&quot;:739,&quot;y&quot;:61.00000000000001,&quot;ports&quot;:[{&quot;name&quot;:&quot;eth0&quot;,&quot;type&quot;:&quot;wireless&quot;,&quot;mac&quot;:&quot;e9:9e:e2:57:fa:33&quot;,&quot;ip4&quot;:&quot;2.2.2.6&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;}],&quot;portLinks&quot;:[&quot;graphEdge10&quot;],&quot;defaultGateway&quot;:[&quot;router3&quot;,2]},{&quot;id&quot;:&quot;host11&quot;,&quot;name&quot;:&quot;host11&quot;,&quot;color&quot;:&quot;#ffa07a&quot;,&quot;type&quot;:&quot;mobile&quot;,&quot;x&quot;:737,&quot;y&quot;:-77,&quot;ports&quot;:[{&quot;name&quot;:&quot;eth0&quot;,&quot;type&quot;:&quot;wireless&quot;,&quot;mac&quot;:&quot;92:a0:ea:87:e4:5e&quot;,&quot;ip4&quot;:&quot;2.2.2.3&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;}],&quot;portLinks&quot;:[&quot;graphEdge13&quot;],&quot;defaultGateway&quot;:[&quot;router2&quot;,2]},{&quot;id&quot;:&quot;router2&quot;,&quot;name&quot;:&quot;router2&quot;,&quot;color&quot;:&quot;#70e6af&quot;,&quot;type&quot;:&quot;router&quot;,&quot;x&quot;:90.09115103448259,&quot;y&quot;:130.3149500314911,&quot;ports&quot;:[{&quot;name&quot;:&quot;port-1&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;d4:9b:19:ee:97:d8&quot;,&quot;ip4&quot;:&quot;1.1.1.129&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;},{&quot;name&quot;:&quot;port-2&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;8b:29:d9:d0:ab:20&quot;,&quot;ip4&quot;:&quot;2.2.2.129&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;}],&quot;portLinks&quot;:[&quot;graphEdge26&quot;,&quot;graphEdge22&quot;]},{&quot;id&quot;:&quot;router3&quot;,&quot;name&quot;:&quot;router3&quot;,&quot;color&quot;:&quot;#70e6af&quot;,&quot;type&quot;:&quot;router&quot;,&quot;x&quot;:87.13880979032402,&quot;y&quot;:-34.51026973810133,&quot;ports&quot;:[{&quot;name&quot;:&quot;port-1&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;16:ad:d4:e8:fd:b1&quot;,&quot;ip4&quot;:&quot;1.1.1.128&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;},{&quot;name&quot;:&quot;port-2&quot;,&quot;type&quot;:&quot;ethernet&quot;,&quot;mac&quot;:&quot;41:e2:d9:78:b1:0d&quot;,&quot;ip4&quot;:&quot;2.2.2.128&quot;,&quot;ip6&quot;:&quot;0:0:0:0:0:0:0:1&quot;}],&quot;portLinks&quot;:[&quot;graphEdge25&quot;,&quot;graphEdge21&quot;]}]" connections="[{&quot;id&quot;:&quot;graphEdge0&quot;,&quot;from&quot;:&quot;host0&quot;,&quot;to&quot;:&quot;switch1&quot;,&quot;inPort&quot;:1,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#70e6af&quot;},{&quot;id&quot;:&quot;graphEdge1&quot;,&quot;from&quot;:&quot;switch1&quot;,&quot;to&quot;:&quot;host1&quot;,&quot;inPort&quot;:2,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#70e6af&quot;},{&quot;id&quot;:&quot;graphEdge2&quot;,&quot;from&quot;:&quot;host2&quot;,&quot;to&quot;:&quot;switch1&quot;,&quot;inPort&quot;:1,&quot;outPort&quot;:3,&quot;color&quot;:&quot;#70e6af&quot;},{&quot;id&quot;:&quot;graphEdge3&quot;,&quot;from&quot;:&quot;switch1&quot;,&quot;to&quot;:&quot;switch0&quot;,&quot;inPort&quot;:4,&quot;outPort&quot;:2,&quot;color&quot;:&quot;#70e6af&quot;},{&quot;id&quot;:&quot;graphEdge4&quot;,&quot;from&quot;:&quot;switch0&quot;,&quot;to&quot;:&quot;switch2&quot;,&quot;inPort&quot;:1,&quot;outPort&quot;:2,&quot;color&quot;:&quot;#70e6af&quot;},{&quot;id&quot;:&quot;graphEdge5&quot;,&quot;from&quot;:&quot;switch2&quot;,&quot;to&quot;:&quot;host5&quot;,&quot;inPort&quot;:1,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#70e6af&quot;},{&quot;id&quot;:&quot;graphEdge6&quot;,&quot;from&quot;:&quot;switch2&quot;,&quot;to&quot;:&quot;host4&quot;,&quot;inPort&quot;:4,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#70e6af&quot;},{&quot;id&quot;:&quot;graphEdge7&quot;,&quot;from&quot;:&quot;switch2&quot;,&quot;to&quot;:&quot;host3&quot;,&quot;inPort&quot;:3,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#70e6af&quot;},{&quot;id&quot;:&quot;graphEdge8&quot;,&quot;from&quot;:&quot;host6&quot;,&quot;to&quot;:&quot;accessPoint0&quot;,&quot;inPort&quot;:1,&quot;outPort&quot;:3,&quot;color&quot;:&quot;#ffa07a&quot;},{&quot;id&quot;:&quot;graphEdge9&quot;,&quot;from&quot;:&quot;accessPoint0&quot;,&quot;to&quot;:&quot;host7&quot;,&quot;inPort&quot;:2,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#ffa07a&quot;},{&quot;id&quot;:&quot;graphEdge10&quot;,&quot;from&quot;:&quot;accessPoint2&quot;,&quot;to&quot;:&quot;host10&quot;,&quot;inPort&quot;:3,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#ffa07a&quot;},{&quot;id&quot;:&quot;graphEdge11&quot;,&quot;from&quot;:&quot;accessPoint2&quot;,&quot;to&quot;:&quot;host8&quot;,&quot;inPort&quot;:2,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#ffa07a&quot;},{&quot;id&quot;:&quot;graphEdge12&quot;,&quot;from&quot;:&quot;accessPoint1&quot;,&quot;to&quot;:&quot;host9&quot;,&quot;inPort&quot;:3,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#70e6af&quot;},{&quot;id&quot;:&quot;graphEdge13&quot;,&quot;from&quot;:&quot;accessPoint1&quot;,&quot;to&quot;:&quot;host11&quot;,&quot;inPort&quot;:2,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#ffa07a&quot;},{&quot;id&quot;:&quot;graphEdge14&quot;,&quot;from&quot;:&quot;accessPoint1&quot;,&quot;to&quot;:&quot;switch3&quot;,&quot;inPort&quot;:1,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#70e6af&quot;},{&quot;id&quot;:&quot;graphEdge15&quot;,&quot;from&quot;:&quot;switch3&quot;,&quot;to&quot;:&quot;accessPoint2&quot;,&quot;inPort&quot;:2,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#ffa07a&quot;},{&quot;id&quot;:&quot;graphEdge16&quot;,&quot;from&quot;:&quot;switch3&quot;,&quot;to&quot;:&quot;accessPoint0&quot;,&quot;inPort&quot;:3,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#ffa07a&quot;},{&quot;id&quot;:&quot;graphEdge25&quot;,&quot;from&quot;:&quot;switch0&quot;,&quot;to&quot;:&quot;router3&quot;,&quot;inPort&quot;:3,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#70e6af&quot;},{&quot;id&quot;:&quot;graphEdge26&quot;,&quot;from&quot;:&quot;switch0&quot;,&quot;to&quot;:&quot;router2&quot;,&quot;inPort&quot;:4,&quot;outPort&quot;:1,&quot;color&quot;:&quot;#70e6af&quot;},{&quot;id&quot;:&quot;graphEdge21&quot;,&quot;from&quot;:&quot;router3&quot;,&quot;to&quot;:&quot;switch3&quot;,&quot;inPort&quot;:2,&quot;outPort&quot;:5,&quot;color&quot;:&quot;#70e6af&quot;},{&quot;id&quot;:&quot;graphEdge22&quot;,&quot;from&quot;:&quot;router2&quot;,&quot;to&quot;:&quot;switch3&quot;,&quot;inPort&quot;:2,&quot;outPort&quot;:4,&quot;color&quot;:&quot;#70e6af&quot;}]" networks="[{&quot;id&quot;:&quot;net0&quot;,&quot;componets&quot;:[&quot;host5&quot;,&quot;host4&quot;,&quot;host3&quot;,&quot;host2&quot;,&quot;host1&quot;,&quot;host0&quot;,&quot;switch2&quot;,&quot;switch1&quot;,&quot;switch0&quot;],&quot;gateways&quot;:[&quot;router2&quot;,&quot;router3&quot;],&quot;name&quot;:&quot;1.1.1.0 /24&quot;,&quot;netmask&quot;:&quot;255.255.255.0&quot;,&quot;bitmask&quot;:24,&quot;address&quot;:&quot;1.1.1.0&quot;,&quot;color&quot;:&quot;#70e6af&quot;,&quot;x&quot;:-165.23829377920765,&quot;y&quot;:34.386549869666155,&quot;currentDefaultGateway&quot;:&quot;router3&quot;},{&quot;id&quot;:&quot;net1&quot;,&quot;componets&quot;:[&quot;accessPoint1&quot;,&quot;accessPoint2&quot;,&quot;accessPoint0&quot;,&quot;switch3&quot;,&quot;host11&quot;,&quot;host10&quot;,&quot;host9&quot;,&quot;host8&quot;,&quot;host7&quot;,&quot;host6&quot;],&quot;gateways&quot;:[&quot;router3&quot;,&quot;router2&quot;],&quot;netmask&quot;:&quot;255.255.255.0&quot;,&quot;bitmask&quot;:24,&quot;color&quot;:&quot;#ffa07a&quot;,&quot;x&quot;:527,&quot;y&quot;:30.5,&quot;name&quot;:&quot;2.2.2.0 /24&quot;,&quot;address&quot;:&quot;2.2.2.0&quot;,&quot;currentDefaultGateway&quot;:&quot;router2&quot;}]"></ww-network>