digraph语法

digraph G {
  rankdir=LR;
  node [style=filled, fillcolor=lightblue, shape=box, fontname="Microsoft YaHei"];
  edge [color=gray, fontname="Microsoft YaHei", fontsize=11];

  "n.jello.top" [fillcolor=lightyellow, shape=note];

  "n.jello.top" -> nginx [label="HTTPS"];
  nginx -> nps [label="proxy_pass :18080"];
  nps -> npc [label="隧道"];
  npc -> edith [label=":8080"];

  nginx [fillcolor=lightgreen];
  nps [fillcolor=lightgreen];
  npc [fillcolor=lightgreen];
  edith [fillcolor=lightpink, style="filled,bold"];

  subgraph cluster_tencent {
    label="腾讯云";
    style=dashed;
    color=gray;
    fontname="Microsoft YaHei";
    nginx; nps;
  }

  subgraph cluster_router {
    label="软路由";
    style=dashed;
    color=gray;
    fontname="Microsoft YaHei";
    npc; edith;
  }
}

digraph G {
    // 节点定义
    A;
    B;

    // 边：A -> B 表示从 A 指向 B
    A -> B;
}

graph G {
    A -- B;
}

digraph {
    node1;              // 节点标签 = "node1"
    node2 [label="自定义标签"];
    node3 [label="带颜色的", style=filled, fillcolor=lightblue];
}

digraph {
    a [shape=box,       label="矩形"];
    b [shape=ellipse,   label="椭圆 (默认)"];
    c [shape=diamond,   label="菱形"];
    d [shape=parallelogram, label="平行四边形"];
    e [shape=hexagon,   label="六边形"];
    f [shape=circle,    label="圆"];
    g [shape=record,    label="{记录|A|B}"];
    h [shape=plaintext, label="纯文本 (无边框)"];
    i [shape=note,      label="便签"];
    j [shape=Mrecord,   label="{圆角记录|X|Y}"];
}

digraph {
    node [
        shape=record,
        style=filled,
        fillcolor=lightyellow
    ];

    struct1 [label="<f0> 左 | <f1> 中 | <f2> 右"];
    struct2 [label="<f0> 头 | { <f1> 左 | <f2> 右 }"];

    // 通过端口引用连接的特定位置
    struct1:f0 -> struct2:f1;
    struct1:f1 -> struct2:f2;
    struct1:f2 -> struct2:f0;
}

digraph {
    node [shape=none, margin=0];

    tbl [
        label=<
            <table border="1" cellspacing="0" cellpadding="5">
                <tr><td bgcolor="lightblue">姓名</td><td>张三</td></tr>
                <tr><td bgcolor="lightblue">年龄</td><td>30</td></tr>
            </table>
        >
    ];
}

digraph {
    A -> B;                    // 实线箭头
    A -> C [style=dashed];     // 虚线箭头
    A -> D [style=dotted];     // 点线箭头
    A -> E [style=bold];       // 粗线箭头
    A -> F [color=red];        // 红色箭头
}

digraph {
    A -> B [
        label="边标签",         // 边上的文字
        color=blue,             // 颜色
        fontcolor=red,          // 标签文字颜色
        style=dashed,           // 线型：dashed/dotted/bold/solid
        penwidth=2.0,           // 线宽
        arrowhead=diamond,      // 箭头形状
        dir=both,               // 双向箭头
    ];
}

digraph {
    // 图级属性
    rankdir=LR;               // 布局方向：TB(上下,默认) / LR(左右) / BT / RL
    splines=ortho;            // 连线风格：ortho(直角) / curved(曲线) / polyline
    bgcolor=lightyellow;      // 背景色
    label="我的图";            // 图标题
    fontsize=20;

    // 所有节点的默认属性
    node [
        shape=box,
        style=filled,
        fillcolor=lightblue,
        fontname="Microsoft YaHei"
    ];

    // 所有边的默认属性
    edge [
        color=gray,
        arrowhead=vee
    ];

    A -> B -> C -> D;
}

digraph {
    rankdir=LR;

    subgraph cluster_0 {
        label="模块 A";
        style=filled;
        fillcolor=lightgrey;
        a1 -> a2;
    }

    subgraph cluster_1 {
        label="模块 B";
        style=filled;
        fillcolor=lightyellow;
        b1 -> b2;
    }

    a2 -> b1 [label="跨模块调用"];
}

digraph {
    // 将 d 和 e 放在同一层
    { rank=same; d; e; }

    a -> b -> c;
    d -> e -> f;
    a -> d;
}

digraph flowchart {
    rankdir=TB;
    node [shape=box, style=rounded, fontname="Microsoft YaHei"];

    start [label="开始", shape=ellipse, style=filled, fillcolor=lightgreen];
    input [label="输入数据"];
    check [label="数据校验", shape=diamond, style=filled, fillcolor=lightyellow];
    process [label="处理数据"];
    output [label="输出结果", shape=ellipse, style=filled, fillcolor=lightcoral];
    err [label="错误提示", shape=box, style=filled, fillcolor=red, fontcolor=white];

    start -> input;
    input -> check;
    check -> process [label="通过"];
    check -> err [label="不通过"];
    process -> output;
}

digraph fsm {
    rankdir=LR;
    node [shape=circle, fontname="Microsoft YaHei"];

    // 初始状态用箭头进入
    idle [label="空闲", style=filled, fillcolor=lightgreen];
    running [label="运行中"];
    paused [label="暂停"];
    stopped [label="已停止", style=filled, fillcolor=lightcoral];

    start_point [shape=point, width=0];
    start_point -> idle;

    idle -> running [label="启动"];
    running -> paused [label="暂停"];
    paused -> running [label="恢复"];
    running -> stopped [label="停止"];
    idle -> stopped [label="强制终止"];
}

digraph tree {
    rankdir=TB;
    node [shape=box, style=rounded, fontname="Microsoft YaHei"];

    root [label="根节点", style=filled, fillcolor=orange];

    root -> {
        left,
        right
    };

    left [label="左子节点", style=filled, fillcolor=lightblue];
    right [label="右子节点", style=filled, fillcolor=lightblue];

    left -> ll [label="左"];
    left -> lr [label="右"];
    right -> rl [label="左"];
    right -> rr [label="右"];

    ll [label="LL"];
    lr [label="LR"];
    rl [label="RL"];
    rr [label="RR"];
}

graph network {
    rankdir=LR;
    node [shape=box, style=rounded, fontname="Microsoft YaHei"];

    subgraph cluster_internet {
        label="互联网";
        gw [label="网关", shape=hexagon, style=filled, fillcolor=orange];
    }

    subgraph cluster_wan {
        label="内网";
        fw [label="防火墙", shape=hexagon, style=filled, fillcolor=yellow];

        subgraph cluster_dmz {
            label="DMZ";
            web [label="Web 服务器"];
        }

        subgraph cluster_lan {
            label="内部网络";
            db [label="数据库"];
            app [label="应用服务器"];
        }

        gw -- fw;
        fw -- web;
        fw -- app;
        app -- db;
    }
}

digraph uml {
    rankdir=BT;
    node [shape=record, fontname="Microsoft YaHei"];

    Animal [
        label="{Animal|+ name : string\l+ age : int\l|+ eat()\l+ sleep()\l}"
    ];

    Dog [
        label="{Dog|+ breed : string\l|+ bark()\l}"
    ];

    Cat [
        label="{Cat|+ color : string\l|+ meow()\l}"
    ];

    // 空心三角箭头表示继承
    edge [arrowhead=onormal, style=dashed];
    Dog -> Animal [label="继承"];
    Cat -> Animal [label="继承"];
}