Dot Language

Dot language 是一种描述 图形的语言, graphviz 使用该语言开发了一系列的工具，包括顺序图，流程图，网络图，UML 等.

定义图

图是一个块结构，使用大括号表示 {}, 定义图有两种方式，第一种是有向图, 使用 -> 链接, 其中 direction_graph 表示图名称, 可以使用引号或者不使用

digraph "direction_graph" {
  a -> b
}

第二种无向图，使用 -- 链接

graph "direction_graph" {
  a -- b
}

图结构

属性遵循继承原则，子图像继承父类属性

• node

  定义每个节点的情况，比如颜色，大小，形状等

node在连接符的两端, 结构是 [], 具体属性请参照上面的链接

• edge

  对链接线的描述, 包括连接线形状，箭头形状，颜色等

线连接两个 node, 结构是 []

• graph

  定义图的排列顺序, 背景色等

• subgraph 和 subgraph cluster

subgraph定义图片组, 其中必须以关键字 subgraph 定义，名字必须以 cluster 开头，比如 subgraph cluster1 或者 subgraph cluster_name, 如果名字不是以 cluster 开头， 就是普通的分组。

graph G {
  graph [
    bgcolor="#f3f3f3"
  ]
  subgraph cluster1 {
    bgcolor=red
    B1 -- C1
  }
  A [shape=square]

  A -- B1
  A1 -- B1
  A2 -- B1
  label="主题名"
}

• 自定义块

史诗级 git 操作图

https://graphviz.gitlab.io/Gallery/directed/git.html

Reference

• 在线编辑器 http://magjac.com/graphviz-visual-editor/
• 属性介绍 https://graphviz.org/doc/info/attrs.html