GraphViz DOT有向图 - 复杂案例收集

最新推荐文章于 2021-02-08 11:04:17 发布
最新推荐文章于 2021-02-08 11:04:17 发布
阅读量595 收藏 1
点赞数
分类专栏： GraphViz 文章标签： GraphViz graph dot 有向图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/youwen21/article/details/98759987
版权

文章目录


案例教程 - 链接中有更多案例

https://renenyffenegger.ch/notes/tools/Graphviz/examples/index

在这里插入图片描述

digraph D {
    node [fontname="Arial"];
    node_A [shape=record    label="shape=record|{above|middle|below}|right"];
    node_B [shape=plaintext label="shape=plaintext|{curly|braces and|bars without}|effect"];
}

案例 - 链接中有更多案例

https://blog.csdn.net/zhangskd/article/details/8250470

在这里插入图片描述

digraph html {
rankdir = LR;
{
node[shape = plaintext];
1995 -> 1996 -> 1997 -> 1998 -> 1999 -> 2000 -> 2001;
}
{
node[shape = box, style = filled];
WAR3 -> Xhero -> Footman -> DOTA:
WAR3 -> Battleship;
}
{rank = same; 1996; WAR3;}
{rank = same; 1998; Xhero; Battleship;}
{rank = same; 1999; Footman;}
{rank = same; 2001; DOTA;}
}
--------------------- 
版权声明：本文为CSDN博主「zhangskd」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/zhangskd/article/details/8250470

案例 - 链接中有更多案例

https://renenyffenegger.ch/notes/tools/Graphviz/examples/index

在这里插入图片描述

digraph D {

  label = <The <font color='red'><b>foo</b></font>,<br/> the <font point-size='20'>bar</font> and<br/> the <i>baz</i>>;
  labelloc = "t"; // place the label at the top (b seems to be default)

  node [shape=plaintext]

  FOO -> {BAR, BAZ};

}

案例

https://renenyffenegger.ch/notes/development/databases/SQL/data-types/index#sql-data-type-hierarchy

在这里插入图片描述

案例代码

// vi: foldmethod=marker foldmarker={{{,}}}
digraph SQL_DATATYPES {

   root [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1'>
       <tr><td><font point-size='19'><b>SQL Data Types</b></font></td></tr>
     </table>
   >]; // }}}

   constructed [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1'>
       <tr><td align=left>Constructed data types</td></tr>
       <tr><td align=left>A.k.a composite data types</td></tr>
     </table>
   >]; // }}}

   predefined [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1'>
       <tr><td><b>Predefined</b> data types</td></tr>
     </table>
   >]; // }}}

   numeric [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='1' cellborder='0'>
       <tr><td align='left'>Numeric</td></tr>
     </table>
   >]; // }}}

   numeric_excact [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1' cellspacing='0'>
       <tr><td align='left' colspan='2'>Exact</td></tr>
       <tr><td align='left'><font point-size='8' face='Courier'>NUMERIC</font></td><td align='left'></td></tr>
       <tr><td align='left'><font point-size='8' face='Courier'>DECIMAL(p,s)</font></td><td align='left'><font point-size='8'><font face='Courier'>p</font> digits, <font face='Courier'>s</font> decimals</font></td></tr>
       <tr><td align='left'><font point-size='8' face='Courier'>SMALLINT</font></td><td align='left'><font point-size='8'>2 byte (signed short)</font></td></tr>
       <tr><td align='left'><font point-size='8' face='Courier'>INT/INTEGER</font></td><td align='left'><font point-size='8'>4 byte (signed int)</font></td></tr>
       <tr><td align='left'><font point-size='8' face='Courier'>BIGINT</font></td><td></td></tr>
     </table>
   >]; // }}}

   numeric_approximate [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1' cellspacing='0'>
       <tr><td align='left'>Approximate</td></tr>
       <tr><td align='left'><font point-size='8' face='Courier'>FLOAT</font></td></tr>
       <tr><td align='left'><font point-size='8' face='Courier'>REAL</font></td></tr>
       <tr><td align='left'><font point-size='8' face='Courier'>DOUBLE PRECISION</font></td></tr>
     </table>
   >]; // }}}

   string [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1'>
       <tr><td>String</td></tr>
     </table>
   >]; // }}}

   string_blob [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1'>
       <tr><td align='left'><font face='Courier'>BLOB</font></td></tr>
     </table>
   >]; // }}}

   character [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1'>
       <tr><td>Character</td></tr>
     </table>
   >]; // }}}

   character_fixed [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1' cellspacing='0'>
       <tr><td align='left'>Fixed</td></tr>
       <tr><td align='left'><font face='Courier' point-size='8'>CHAR(n)</font></td></tr>
     </table>
   >]; // }}}

   character_varying [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1' cellspacing='0'>
       <tr><td align='left'>varying</td></tr>
       <tr><td align='left'><font face='Courier' point-size='8'>VARCHAR(n)</font></td></tr>
       <tr><td align='left'><font face='Courier' point-size='8'>TEXT</font></td></tr>
     </table>
   >]; // }}}

   clob [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1'>
       <tr><td><font face='Courier'>CLOB</font></td></tr>
     </table>
   >]; // }}}

   datetime [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1'>
       <tr><td>Datetime</td></tr>
     </table>
   >]; // }}}

   date [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1'>
       <tr><td>Date</td></tr>
     </table>
   >]; // }}}

   time [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1'>
       <tr><td>Time</td></tr>
     </table>
   >]; // }}}

   timestamp [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1'>
       <tr><td>Timestamp</td></tr>
     </table>
   >]; // }}}

   boolean [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1'>
       <tr><td>Boolean</td></tr>
     </table>
   >]; // }}}

   interval [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1'>
       <tr><td>Interval</td></tr>
     </table>
   >]; // }}}

   udt [ // {{{
     shape = plaintext
     color = "#cccccc"
     label = <
     <table border='0' cellborder='1'>
       <tr><td>User-defined types (UDT)</td></tr>
     </table>
   >]; // }}}

   root -> constructed;
   root -> predefined;

   predefined -> numeric;
      numeric -> numeric_excact;
      numeric -> numeric_approximate;

   predefined -> string;
      string -> string_blob;
      string -> character;
        character -> character_fixed;
        character -> character_varying;
        character -> clob;

   predefined -> datetime;
      datetime -> date;
      datetime -> time;
      datetime -> timestamp;

   predefined -> boolean;
   predefined -> interval;

   root -> udt;

}

案例时序图 - 链接中有更多案例

https://blog.csdn.net/bxh7425014/article/details/51142464

digraph G {
    rankdir="LR";
    node[shape="point", width=0, height=0];
    edge[arrowhead="none", style="dashed"]

    {
        rank="same";
        edge[style="solided"];
        LC[shape="plaintext"];
        LC -> step00 -> step01 -> step02 -> step03 -> step04 -> step05;
    }

    {
        rank="same";
        edge[style="solided"];
        Agency[shape="plaintext"];
        Agency -> step10 -> step11 -> step12 -> step13 -> step14 -> step15;
    }

    {
        rank="same";
        edge[style="solided"];
        Agent[shape="plaintext"];
        Agent -> step20 -> step21 -> step22 -> step23 -> step24 -> step25;
    }

    step00 -> step10 [label="sends email new custumer", arrowhead="normal"];
    step11 -> step01 [label="declines", arrowhead="normal"];
    step12 -> step02 [label="accepts", arrowhead="normal"];
    step13 -> step23 [label="forward to", arrowhead="normal"];
    step24 -> step14;
    step14 -> step04 [arrowhead="normal"];
}

在这里插入图片描述

其他学习参考资料

官方文档

http://www.graphviz.org/documentation/

Node, Edge and Graph Attributes

https://graphviz.gitlab.io/_pages/doc/info/attrs.html

DOT

https://graphviz.gitlab.io/_pages/pdf/dotguide.pdf

如何使用graphviz绘制流程图

https://www.cnblogs.com/Coldbreath/articles/6238535.html

dot language 学习笔记

https://www.cnblogs.com/billnote/p/4043267.html#sec-2-1

youwen21
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【科学文献计量】Directed Graph网络有向图案例源代码详解
lys_828的博客
10-25 443
0 模块版本 1 案例源代码 2 案例详解 2.1 生成数据 2.2 网络图节点与边缘信息 2.3 图像绘制 2.3.1 色谱图选定 2.3.2 节点绘制 2.3.3 边缘绘制 2.3.4 设置边缘透明度 2.3.5 设置色谱图的颜色带 3 完整结果
Python Network（三）案例（无向图，有向图，权重，点线分类与大小粗细）
青风learing
03-14 1万+
有关Python Network前面已经写过两篇基础入门文章 Python Network（一） Python Network（二） 本文主要是代码实战的case，主要看一些小技巧的地方 目录1. 无向图1.1 无向图-数据来源数组1.2 无向图-数据来源外部引入数据2. 有向图3. 带权重3.1 带权重无向图3.2 带权重无向图 1. 无向图 1.1 无向图-数据来源数组 import netw...
关于求有向图简单回路问题的例子
01-11
这个问题是我的一个在内蒙古读研的同学让我帮他做的。程序是用VC++2003平台写的，附带问题的ppt文档和解决该问题的算法描述。
GraphViz DOT有向图 - 复杂案例分析(1)
杜绝996的web开发man
08-06 611
内容
GraphViz DOT有向图 - 复杂案例分析(5)
杜绝996的web开发man
08-08 516
文章目录案例 tranceroute 案例 tranceroute 处理tranceroute信息 digraph name { "10.26.20.1" ->"45.251.21.241" ->"172.16.240.1" ->"172.255.2.110" ->{"103.216.40.20";"103.216.40.40"} ->{"116.251...
d3-graphviz:Graphviz DOT渲染和使用D3的动画过渡
05-02
d3-graphviz 使用的端口从语言描述的图形中渲染SVG，并在图形之间进行动画过渡。 特征 从源渲染SVG图 一个图到另一个图的动画过渡 边缘路径补间 节点形状补间 进入和退出节点和边缘的淡入和淡出 进入边缘的动画式...
gml4gtk:具有GTK +用户界面的GML或graphviz DOT图形查看器-开源
04-29
这款工具以其集成的GTK+用户界面而受到关注，提供了便捷的方式来查看和操作有向图布局。在深入探讨这款工具之前，我们先来了解一下GML和DOT语言。 GML，全称Graph Markup Language，是一种用于描述图形结构的数据...
windows_10_cmake_Release_graphviz-install-4.0.0-win64
07-05
描述：windows 64位 go pprof图形化交互软件安装包 版本：v4.0.0 打包：exe
windows_10_cmake_Release_graphviz-install-8.0.5-win64.exe
最新发布
05-31
windows_10_cmake_Release_graphviz-install-8.0.5-win64.exe
graphviz-install-2.44.1-win64.exe
07-18
graphviz-install-2.44.1-64.exe代码画图软件
jquery使用echarts实现有向图可视化功能示例
10-15
主要介绍了jquery使用echarts实现有向图可视化功能,结合完整实例形式分析了jquery的echarts.js插件实现有向图可视化相关实现技巧与操作注意事项,需要的朋友可以参考下
dagre：JavaScript的有向图布局
02-28
dagre-JavaScript的图形布局 Dagre是一个JavaScript库，可轻松在客户端上布置有向图。 有关更多详细信息，包括示例和配置选项，请参阅我们的 。 执照 dagre是根据MIT许可条款获得许可的。 有关详细信息，请参见LICENSE文件。
graphviz教程
热门推荐
Tracy Mcgrady的专栏
07-29 1万+
graphviz是一个开源的图形可视化软件，与其他图形软件所不同，它的理念是“所想即所得”，通过dot语言来描述并绘制图形。 首先是安装，在ubuntu下，可以直接使用命令sudo apt-get install graphviz命令来安装，当然也可以从源码来安装，源码可以从这里下载：http://www.graphviz.org/pub/graphviz/stable/SOURCES/
有向图的实现
weixin_30814329的博客
05-10 486
arr = [[0] * 6 for row in range(6)] # 声明矩阵arr data = [[1, 2], [2, 1], [2, 3], [2, 4], [4, 3], [4, 1]] # 图各边的起点值和终点值 for i in range(6): # 读取图的数据 # print(data[0]) for j in range(6): ...
通过graphviz绘制二叉树，提供demo
Liber-coder的博客
03-02 1102
通过graphviz绘制二叉树，提供demo
graphviz示例
MAILLIBIN的专栏
08-08 340
graphviz可以使用简单易用的dot语言自动绘制各种逻辑图。 digraph Tree { node [shape=box, style="filled, rounded", color="black",fontname="Microsoft YaHei"] ; edge [color="red",fontname="Microsoft YaHei"] ; 0 [label="h...
python用graphviz绘制流程图
小coder的博客
02-08 2826
通常我们使用graphviz这个包来协助绘制流程图或决策树的可视化，免费graphviz-2.38.msi下载地址：https://download.csdn.net/download/weixin_42213421/12739476 下载完成后，通过以下语句将包加载进来： from graphviz import Digraph # 写明graphviz的bin文件目录 os.environ["PATH"] += os.pathsep + 'C:/Program Files (x86)/Graphv
GraphViz DOT有向图 - 复杂案例分析(2)
杜绝996的web开发man
08-06 513
目录正常写法案例写法案例分析根据分析创造一个蛇形节点 正常写法 digraph startgame { node [fontname="SimHei"]; // 设置节点属性，这里设置字体为黑体 n1[label="TCP Socket" shape=box]; n2[label="Data" shape=diamond]; n3[label="h2\nParse...
Windows10+Caffe+CUDA7.5+VS2013环境配置
bcd33bcd的博客
12-05 7026
1.程序需求 （1）VS2013的安装，提供链接http://www.iplaysoft.com/vs2013.html。安装过程就略过了。必须先安装VS2013，否则安装CUDA的时候会提示找不到VS程序。 （2）CUDA7.5的安装，提供链接https://developer.nvidia.com/cuda-downloads。选择对应版本之后最好下载LOCAL模式，NETWORK模式下载
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值