設定你的 emacs

org-mode 有一個 babel 功能，可以讓你對程式碼區塊 (src block) 使用 C-c C-c 來進行運算，對於 Graphviz 程式，這樣的運算可以直接獲得結果，也因此，在 org-mode 裏面使用 Graphviz 你並不需要建立新的檔案。

預設的 org-mode 並沒有打開這項功能，因此你要在你的 .emacs 加入以下幾行設定

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

在 org-mode 使用 Graphviz

在 org-mode 要直接使用 Graphviz 畫圖非常的簡單，將你的 dot 程式寫在程式碼區塊 (src block)，並使用 :file 來告訴 org-mode 這個檔案會輸出到哪裡，此外由於我們只需要輸出的結果，因此在 :exports 欄位則設定為 results。

下面就是我們用來繪圖的 dot 程式碼:

#+BEGIN_SRC dot :file data/2013/graphviz-example.png :exports results
  digraph G {
          subgraph cluster_0 {
                  style=filled;
                  color=lightgrey;
                  node [style=filled,color=white];
                  a0 -> a1 -> a2 -> a3;
                  label = "process #1";
          }

          subgraph cluster_1 {
                  node [style=filled];
                  b0 -> b1 -> b2 -> b3;
                  label = "process #2";
                  color=blue
          }
          start -> a0;
          start -> b0;
          a1 -> b3;
          b2 -> a3;
          a3 -> a0;
          a3 -> end;
          b3 -> end;

          start [shape=Mdiamond];
          end [shape=Msquare];
  }
#+END_SRC

如果你對上面的程式碼區塊使用了 C-c C-c ，則他會自動幫你產生下面的資訊，並且在你設定的路徑產生輸出的圖片檔。

#+RESULTS[6a0acf86296f27722ea943b1748d99126186564c]:
[[file:data/2013/graphviz-example.png]]

我們產生的圖片檔如下:

參考連結

[1] Graphviz - 用指令來畫關係圖吧！

[2] Graphviz 官方網站

[3] Graphviz 官方 pdf 教學

在 org-mode 中使用 Graphviz 畫關係圖

設定你的 emacs

在 org-mode 使用 Graphviz

參考連結