ネットワーク図を自動で綺麗に書きたい
ネットワーク図をVisioやExcelで書くのは大変。
文書の管理も大変。運用管理ツールなどですでに接続状態はもってるのになぁ・・・といった時に朗報です。
vis.jsという素晴らしいツールがあります！
vis.jsを使えば、JSONデータでホスト(node)と、その接続(edge)を渡すだけで綺麗に自動でホストを配置してネットワークを書いてくれるのです。
以下サンプルです。オプションでかなり色々なカスタマイズが可能です。とりあえずぷよぷよするのをなくしたければ、optionsのphysicsのenabledをfalseにすると動かした位置に止まるようになります。nodeにx,yの座標を入れれば固定位置に置くこともできるので、CoreL3などは固定してしまってもよいかもしれませんね。
実行サンプル
コードサンプル
上記実行サンプルのコードは長いので、nodeが2つとその間をつないでるedgeが1本のミニマムなサンプル
See the Pen vis.js sample (@ken-saka) on CodePen.