■ はじめに
https://dk521123.hatenablog.com/entry/2023/06/15/004815
の続き。 仕事で「DOT言語の環境設定に関して情報展開してほしい」と言われて 展開しようと思ったが、意外と全然まとまってなかったので 今回、整理して、まとめておく。
目次
【１】GraphViz 【２】設定手順 １）Linuxの場合 ２）Windowsの場合 【３】Hello world １）サンプル ２）コマンド例 【４】トラブル １）エラー「Error: xxx.dot: syntax error in line 2 near '->'」が表示
【１】GraphViz
* DOT言語で記述されたグラフ構造を描画してくれるオープンソース => このライブラリを入れるのがスタンダードな方法
【２】設定手順
* Linux/Windowsどちらもサポート
https://www.graphviz.org/download/
１）Linuxの場合
# To install
sudo apt install graphviz
２）Windowsの場合
https://www.kkaneko.jp/tools/win/graphviz.html
を参考にやるといいかも。
https://www.graphviz.org/download/
から、インストーラ（.msiファイル）をダウンロードし .msi ファイルを実行する（）
【３】Hello world
* コマンドベースで実行する
１）サンプル
input.dot
digraph { a -> b -> c; }
２）コマンド例
# 例１：DOT言語から、SVG画像を出力する dot -Tsvg input.dot > output.svg # 例２：PDF化 dot -Tpdf input.dot > output.pdf
【４】トラブル
１）エラー「Error: xxx.dot: syntax error in line 2 near '->'」が表示
以下サンプルを変更しようとしたところ、 エラー「Error: xxx.dot: syntax error in line 2 near '->'」が表示。
サンプル
graph { a -> b -> c; }
エラー内容
$ dot -Tsvg input.dot > output.svg Error: input.dot: syntax error in line 2 near '->'
原因
冒頭に「graph（無向グラフ）」を指定しているにも関わらず '->' を指定しているため。 ～～～～ + graph：無向グラフ（矢印なし） + digraph：有向グラフ（矢印あり） ～～～～
解決案
# 無向グラフの場合 graph { a -- b -- c; } # 有向グラフの場合は、 # 【３】Hello worldの１）サンプルを参照
関連記事
DOT言語 ～ 基礎知識編 ～
https://dk521123.hatenablog.com/entry/2023/06/15/004815
DOT言語 ～ 入門編 ～
https://dk521123.hatenablog.com/entry/2023/06/16/000531
