graphviz系列教程

核心工具:graphviz

ide 文本编辑工具: sublime

1. graphviz 适合架构图,拓扑图,数据流向tu

  1.1 文本编辑, 然后保存,用graphviz打开该文本,会自动刷新.(推荐)

  1.2. 在sublime里预览graphviz图(不推荐) mac command shift +g

    学会布局和抓主线.

   rang 和

weight

{
    rank=same;Assigned;TimedOut;//表示同一条线上. }

edge  [style=bold, fontname="Arial", weight=100] //表示主线
  Empty     -> Announced [ label="announce"   ];
  Announced -> Assigned  [ label="assign"     ];
  Assigned  -> Working   [ label="start"      ];
  Working   -> Ready     [ label="finish"     ];
  Ready     -> Empty     [ label="revoke", weight=1     ];

  edge  [color="#aaaaaa", weight=1]

https://www.chenyudong.com/archives/sublime-text-graphviz-preview.html

利用graphviz画uml图,从里面学到空心三角形画法.

http://airu.iteye.com/blog/1900573

子模块画法. 见官方文档. subgraph cluster0 {} 必须cluster开头.

https://zhuanlan.zhihu.com/p/20450190?_escaped_fragment_=#!

比较复杂的一张图  "代数结构 笔记, graphviz绘制"

2. 基于graphviz的platuml 预览, 主要用来画uml图的.

   用来画流程图和用例图,组件图,状态图非常的方便.

   不过架构师还是先把握框架图为主,故graphviz更实用.

   https://blog.yourtion.com/use-plantuml-on-mac.html

   java -jar plantuml.jar sequenceDiagram.txt

   想比较好的实时预览uml ,那么就需要在eclipse或者intellij idea里使用了

   这种时序图不如结构图来的清晰

from http://www.jianshu.com/p/e92a52770832