Graphviz:ネットワーク図を作ってみよう
ネットワーク図とは複数の要素とそれらの繋がりの様子を表現した図である。 
Graphviz:グラフ - Graphviz:graph
Graphviz:ノード - Graphviz:node
Graphviz:エッジ - Graphviz:edge
#Graphviz-tutorial
plantuml-proxyで実行
PlantUML:DOT言語
PlantUML:Graphviz
PlantUML:ネットワーク図
code:dot01.pu
@startdot
digraph G {
label="ネットワーク図を作ってみよう";
ノードA -> ノードB label = エッジ1;
ノードB -> ノードC label = エッジ2;
ノードB -> ノードD label = エッジ3;
}
@enddot
https://plantuml-proxy.vercel.app/svg/https://scrapbox.io/api/code/suto3/Graphviz:ネットワーク図を作ってみよう/dot01.pu#.svg
https://plantuml-proxy.vercel.app/svg/https://scrapbox.io/api/code/suto3/Graphviz:ネットワーク図を作ってみよう/dot02.pu#.svg
[https://www.plantuml.com/plantuml/proxy?src=https://scrapbox.io/api/code/suto3/Graphviz:ネットワーク図を作ってみよう/dot02.pu&fmt=svg#.svg]
code:dot02.pu
@startuml
digraph foo {
PlantUML -> Dot label=use;
}
@enduml
https://www.plantuml.com/plantuml/png/Kt0eBaaiAYdDpU5IICbCBqeio518oyzNgEPIK0Z8ISmh2VNrKT2rKt39Br68pabCIisnBIrEZRNcKgZbKd18pKi1wWG0#.svg