Debian 10(Buster)/Ubuntu 20.04にGrphviz Visual Editorをインストールする

Graphviz Visual EditorはGraphvizのnode製フロントエンドです。webブラウザからグラフをインタラクティブに描画することができます。

〇Graphviz Visual Editorの画面

ブラウザからhttp://<ホスト名またはIPアドレス>:3000/ にアクセスします。

ノード間を接続する場合は、接続元ノードで右クリックし、接続先ノードで左ダブルクリックします。

〇インストール方法
以下のコマンドを実行します

sudo apt-get update

sudo apt-get -y install curl git build-essential

curl -sL https://deb.nodesource.com/setup_12.x | sudo bash -

sudo apt-get update

sudo apt-get install -y nodejs

git clone https://github.com/magjac/graphviz-visual-editor

cd graphviz-visual-editor

npm install

make

npm run build

cd ..

sudo mv graphviz-visual-editor /opt

sudo npm install -g serve

cat << EOF | sudo tee /etc/systemd/system/graphizvisualeditor.service
[Unit]
Description=Graphiz Visual Editor
[Service]
Type=simple
ExecStart=/usr/bin/serve -s build -l tcp://0.0.0.0:3000
WorkingDirectory=/opt/graphviz-visual-editor
Restart=always
RestartSec=10
[Install]
WantedBy=multi-user.target
EOF

sudo systemctl enable graphizvisualeditor.service

sudo systemctl start graphizvisualeditor.service

〇関連情報
・Graphvizまとめ