Data Visualization - Dot Lang & Graphviz

Data Visualization - Dot Lang & Graphviz

Graphviz安装

依据官网http://www.graphviz.org/Download..php讲述的下载、安装方式进行。

Windows:
下载：http://www.graphviz.org/pub/graphviz/stable/windows/graphviz-2.38.msi
以管理员权限运行 graphviz-x.xx.msi

Warning for Vista users: Even if you are logged in as adminstrator, double-clicking on the MSI file or running the MSI file from a command prompt may still not may not provide sufficient privileges. You have to run “msiexec /a graphviz-x.xx.msi”.1

配置环境变量，将X:\PATH_TO_Graphviz2.38\bin加入到PATH中

Note: As of version 2.31, the Visual Studio package no longer alters the PATH variable or accesses the registry at all. If you wish to use the command-line interface to Graphviz or are using some other program that calls a Graphviz program, you will need to set the PATH variable yourself.2

Redhat/Centos:
使用yum Repository
设置yum源 graphviz-rhel.repo 到 /etc/yum.repos.d/
执行安装

yum list available 'graphviz*'
yum install 'graphviz*'

或者下载各个组件的rpm安装包进行安装，参考http://www.graphviz.org/Download_linux_rhel.php

Ubuntu:
目前有一个graphviz开发版可用于apt-get 安装，参考https://launchpad.net/~gviz-adm/+archive/ubuntu/graphviz-dev
或者下载各个组件的deb安装包进行安装，参考http://www.graphviz.org/Download_linux_ubuntu.php

Anaconda (如果你使用Python则推荐这种方式):
不管是Linux, windows, osx操作系统，安装好anaconda之后运行

conda install -c anaconda graphviz=2.38.0

即可完成安装。

graphviz conda package 并不是 Python package，如果使用import graphviz则会报出” no module named graphviz “错误，这便是因为graphviz conda package 仅是将lib files放入了library/中，例如dot可以在”/PATH_TO_ANACONDA/bin/”目录中找到并执行。
如果要安装graphviz Python package, 使用”pip install graphviz”3

最近使用yum安装时出现错误

目前这个BUG已经被提交，还没有进一步更新。45

安装完成后执行

dot -version

显示graphviz相关的版本信息

还可以打开graphviz的编辑器gvedit

gvedit

DOT语言

DOT (graph description language)
DOT是一种用文本文件表示的图像描述语言，一般DOT文件以”gv”或者”dot”为后缀（”gv”的表示方式是用来跟早期(2007之前)的Microsoft Word区分）。6

Syntax

DOT 的抽象语法表达7

     graph  :   [ strict ] (graph | digraph) [ ID ] '{' stmt_list '}'
 stmt_list  :   [ stmt [ ';' ] stmt_list ]
      stmt  :   node_stmt
            |   edge_stmt
            |   attr_stmt
            |   ID '=' ID
            |   subgraph
 attr_stmt  :   (graph | node | edge) attr_list
 attr_list  :   '[' [ a_list ] ']' [ attr_list ]
    a_list  :   ID '=' ID [ (';' | ',') ] [ a_list ]
 edge_stmt  :   (node_id | subgraph) edgeRHS [ attr_list ]
   edgeRHS  :   edgeop (node_id | subgraph) [ edgeRHS ]
 node_stmt  :   node_id [ attr_list ]
   node_id  :   ID [ port ]
      port  :   ':' ID [ ':' compass_pt ]
            |   ':' compass_pt
  subgraph  :   [ subgraph [ ID ] ] '{' stmt_list '}'
compass_pt  :   (n | ne | e | se | s | sw | w | nw | c | _)

可以参考wiki中的几个例子来解释DOT语法。8
Undirected graphs (无向图)
Directed graphs (有向图)
Attributes (属性)
属性字典请参考:http://www.graphviz.org/content/attrs
Comments (注释)
更多示例可以参考：
http://blog.csdn.net/zhangskd/article/details/8250470
http://www.graphviz.org/Gallery.php

Layout programs

The DOT language defines a graph, but does not provide facilities for rendering the graph. There are several programs that can be used to render, view, and manipulate graphs in the DOT language:

Graphviz - A collection of libraries and utilities to manipulate and render graphs
Canviz - a JavaScript library for rendering dot files.
Viz.js - A simple Graphviz JavaScript client
Grappa - A partial port of Graphviz to Java.
Beluging - A Python & Google Cloud based viewer of DOT and Beluga extensions.
Tulip can import dot files for analysis
OmniGraffle can import a subset of DOT, producing an editable document. (The result cannot be exported back to DOT, however.)
ZGRViewer, a GraphViz/DOT Viewer link
VizierFX, A Flex graph rendering library link
Gephi - an interactive visualization and exploration platform for all kinds of networks and complex systems, dynamic and hierarchical graphs

未完待续……

---

1. http://www.graphviz.org/Download_windows.php ↩
2. http://www.graphviz.org/Download_windows.php ↩
3. http://stackoverflow.com/questions/33433274/anaconda-graphviz-cant-import-after-installation ↩
4. http://www.graphviz.org/mantisbt/print_bug_page.php?bug_id=2453 ↩
5. http://www.graphviz.org/content/cannot-install-graphviz-rhelrepo-error-404 ↩
6. https://en.wikipedia.org/wiki/DOT_(graph_description_language) ↩
7. http://www.graphviz.org/content/dot-language ↩
8. https://en.wikipedia.org/wiki/DOT_(graph_description_language)#Syntax ↩