随笔 - 934, 文章 - 0, 评论 - 249, 阅读 - 345万

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

graphviz 的绘图布局

Posted on   蝈蝈俊  阅读(6473)  评论(0编辑  收藏  举报

      graphviz是贝尔实验室开发的一个开源的工具包,它使用一个特定的DSL(领域特定语言):dot作为脚本语言,然后使用布局引擎来解析此脚本,并完成自动布局。

graphviz中包含了众多的布局器:

  • dot 默认布局方式,主要用于有向图
  • neato 基于spring-model(又称force-based)算法   基于斥力+张力的布局
  • twopi 径向布局
  • circo 圆环布局
  • osage
  • fdp 用于无向图
  • sfdp 用于无向图

有向图相关布局

除了 fdp 之外,其他都可以适用于 有向图。 对下面有向图采用不同布局器产生的效果如下:

有向图的定义用关键字digraph定义一个有向图,用“ -> ”表示节点之间的关系

digraph G {
    main -> parse -> execute;
    main -> init;
    main -> cleanup;
    execute -> make_string;
    execute -> printf
    init -> make_string;
    main -> printf;
    execute -> compare;
}

 

dot 布局

dot 22.gv  -Kdot -Tpng -o 22dot.png

由于 Kdot 是默认, 所以可以简化成  dot 22.gv  -Tpng -o 22dot.png

image

circo 布局

命令: dot 22.gv  -Kcirco -Tpng -o 22circo.png

圆环布局

image

 

neato 布局

命令: dot 22.gv  -Kneato -Tpng -o 22neato.png

image

 

twopi 布局

命令:dot 22.gv  -Ktwopi -Tpng -o 22twopi.png

image

osage 布局

 

image

 

无向图的布局

无向图的定义用关键字graph定义一个无向图,用“ - - ”表示节点之间的关系,如下:

 

graph test123 {
    a -- b -- c;
    a -- {x y};
    x -- c ;
    x -- y ;
}

dot 布局

dot 33.gv  -Kdot -Tpng -o 33dot.png

 

image

 

circo 布局

dot 33.gv  -Kcirco -Tpng -o 33circo.png

image

 

neato 布局

dot 33.gv  -Kneato -Tpng -o 33neato.png

image

 

twopi 布局

dot 33.gv  -Ktwopi -Tpng -o 33twopi.png

image

 

osage 布局

dot 33.gv  -Kosage -Tpng -o 33osage.png

image

 

fdp布局

dot 33.gv  -Kfdp -Tpng -o 33fdp.png

image

 

sfdp布局

dot 33.gv  -Ksfdp -Tpng -o 33sfdp.png

image

DOT 语言

http://lesliezhu.github.io/public/dot-begin.html

 

相关命令行参数请参考:

http://www.cnblogs.com/ghj1976/p/4935541.html

编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示
点击右上角即可分享
微信分享提示