emacsでgraphvizで作成した図をリアルタイムでpreviewする

graphviz(dot)の編集は emacs上で org-mode と org-flyimage-mode を連携させると良いです

セットアップ

Emacsで以下のパッケージを使います

• org-mode
• org-babel
• org-flyimage

org-mode の設定

割愛します

org-babel の設定

dot コマンドの実行を許可します

(org-babel-do-load-languages
   'org-babel-load-languages
   '((dot . t)))

org-flyimage

org-flyimageはmisohenaさんが作成したパッケージで，githubから入手できます．

• org-modeのインライン画像をリアルタイムで更新する | Misohena Blog
• https://github.com/misohena/org-inline-image-fix/blob/master/org-flyimage.el

使い方

org-mode でファイルを作成します

org-flyimage-mode にします

M-x org-flyimage-mode 

コードブロック内でコードを書きます

#+BEGIN_SRC dot :file output.png :exports results :cache yes
digraph {
  a -> b
  b -> c
}
#+END_SRC

コードブロック上で C-c C-c を押して dot コマンドを実行します

自動的に画像が表示＆更新されます！

超便利ですね．org-flyimage.el の作者，misohenaさんに感謝です