Graphiz

1. 图（Graph）和子图（Subgraph）：定义图形的整体结构和子图。

2. 节点（Node）：定义图中的各个节点及其属性。

3. 边（Edge）：定义节点之间的关系和连接。

digraph G {
// 定义节点
    A [label="Node A"];
    B [label="Node B"];
    C [label="Node C"];

// 定义边
    A -> B [label="边1"];
    B -> C [label="边2"];
    C -> A [label="边3"];
}

• digraph G 定义了一个有向图 G。

• A, B, C 是图中的节点，label 属性用于定义节点的标签。

• A -> B, B -> C, C -> A 定义了节点之间的有向边，label 属性用于定义边的标签。

如何创建Graphviz块？

1. 插入代码块：
• 在思源笔记中输入斜杠（/graphviz），回车，创建一个 Graphviz 块

2. 编写Dot语言代码：
• Dot语言是一种简单的文本格式，用于描述图形。以下是一个简单的Dot语言示例：

digraph G {
  A -> B;
  B -> C;
  C -> A;
}

• 在这个示例中，digraph G 定义了一个有向图，A -> B 表示从节点A指向节点B的边。

3. 选择布局引擎：
• Graphviz提供了多种布局引擎，例如：
• dot：用于层次布局，适合有向图。
• neato：基于导向算法的布局，适合无向图。
• twopi：放射布局。
• circo：环形布局。
• fdp：另一种基于导向算法的布局。
• 你可以在代码中指定使用哪种布局引擎，例如：

digraph G {
  graph [layout = dot];
  A -> B;
  B -> C;
  C -> A;
}

4. 查看图表效果：
• 在代码块中输入完Dot语言的代码后，保存或更新笔记。
• 思源笔记会自动解析并显示图表。

学习更多Dot语言和Graphviz

• 如果你对Dot语言和Graphviz还不够熟悉，可以访问Graphviz的官方网站 graphviz.org。

• 该网站提供了详细的文档、教程和示例，帮助你更好地理解和掌握Graphviz的使用。

1. 导入现有图表代码：
• 你也可以从Graphviz官网的画廊中找到示例图表，复制其Dot语言代码到思源笔记中。
• 这样，你可以方便地在思源笔记中保存和编辑你的图表。