昨日、Blogger の歴史年表を描くのに graphviz のドキュメントを読んでいたら、画像を埋め込む方法を見つけた。 Node Shapes -- HTML-like Labels サンプル 画面遷移のサンプルを描いてみた。まずは実行例とソースコードをばご覧あれ。 Ubuntu で slapd をインストールする時の設定画面の画面遷移。 digraph G { node [shape=plaintext]; slapd1 [label=<<table><tr><td><img src="s1.png"/></td></tr></table>>]; slapd2 [label=<<table><tr><td><img src="s2.png"/></td></tr></table>>]; slapd3 [label=<<table><tr><td><img src="s3.png"/>
![Graphviz に画像を埋め込む; 例. 画面遷移を描く](https://cdn-ak-scissors.b.st-hatena.com/image/square/158a9798cb6ab50edefe545059bb969d65e337e6/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEhmU6phdwl7No7yZMB96llumpZPNHjI3elQDdU-sWS6g12hmGixL_Xqeqh9JHStKWlD0qng49gjgk4rUtj5vJOFA39jzGEo2wH19Blkd94hrS1G8KwlngO2us6LqGFKdmjiUkVSAA%2Fw1200-h630-p-k-no-nu%2Fdot-img.png)