Кратко как рисовать в graphviz. Специально накидал тестовую схемку с разными вариантами соединений и т.д.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
digraph ex{
  rankdir=LR;
  ratio=auto;
  

  node [shape="ellipse", style="filled", fillcolor="blue", fontcolor="#FFFFFF", margin="0.01"];

  subgraph cluster_Warehouse {
      node [fillcolor="BurlyWood", fontcolor="black", fontsize="12"];
          label = <Warehouse<br/>10.0.0.0/24>;
          "comp1";
          "gate";
          "comp2";
      }

  subgraph cluster_Office {
      node [shape="ellipse", style="filled", fillcolor="White", fontcolor="blue", fontsize="18"];
          label = <Office<br/>10.0.1.0/24>;
          "comp";
          "router";
          "smart2";
      }

        subgraph cluster_Datacenter {
                node [shape="box", style="filled", fillcolor="White", fontcolor="black", fontsize="12"];
                        label = <Datacenter>;
          "1base" [label = "base 10.1.0.1"];
          "2base" [label = "base 10.1.0.2"];
          "3base" [label = "base 10.1.0.3"];
          "switch";
                }

  "Internet"->"router"[label="Modem", color="green:blue:red"];

  "router"->"comp"[dir=both,label="WiFi",style="dashed",color="green"];
  "router"->"smart2"[dir=both,laber="LAN",style="dashed",color="red"];

  "comp1"->"gate"[label="LAN",style="dashed",color="green"];
  "comp2"->"gate"[laber="LAN",style="dashed",color="red"];

  "gate"->"Internet"[dir=both, label="pigeons"];

  
  "1base"->"switch";
  "2base"->"switch";
  "3base"->"switch";

  "switch"->"Internet"[dir=both, label="ISP"];

}

Генерируем карту из этой схемы

dot map.gv -Tpng -o map.png

карта в graphviz