← 返回博客列表

博客与动态

图论绘图入门指南：从零开始绘制专业网络图

—

图论绘图入门指南：从零开始绘制专业网络图

发布日期： 2026-03-06 分类： 教程 标签： 图论绘图，网络图，教程，LaTeX，TikZ，科研绘图

引言

图论是计算机科学、数学和网络科学的核心领域。无论是表示社交网络、神经网络、知识图谱，还是算法可视化，图论绘图都是科研工作者必备的技能。 本教程将带你从零开始，使用 DrawFig 绘制专业的图论图，并导出 TikZ 代码用于 LaTeX 论文。

一、图论基础概念

什么是图？

在图论中，图（Graph） 由以下元素组成：
  • 顶点（Vertex/Node）： 图中的基本单元，用点表示
  • 边（Edge）： 连接顶点的线段，表示关系
  • 有向图： 边有方向的图，用箭头表示
  • 无向图： 边无方向的图
  • 权重： 边上的数值，表示距离、成本等

常见图类型

  1. 简单图： 无自环、无重边
  2. 完全图： 每对顶点都有边相连
  3. 二分图： 顶点可分为两组，边只在组间
  4. 树： 无环连通图
  5. 有向无环图（DAG）： 无环的有向图

二、使用 DrawFig 绘制图论图

步骤 1：打开 DrawFig

访问 https://drawfig.com，点击「开始使用」进入编辑器。

步骤 2：添加顶点

  1. 在左侧工具栏选择「图论」分类
  2. 拖动「圆形顶点」到画布
  3. 复制多个顶点（Ctrl+D）
  4. 排列成需要的布局
技巧： - 使用「自动布局」功能快速排列 - 按住 Shift 键选择多个顶点 - 使用对齐工具保持整齐

步骤 3：添加边

  1. 选择「边」工具
  2. 从一个顶点拖动到另一个顶点
  3. 选择边的类型：
  4. 直线边
  5. 折线边
  6. 曲线边
  7. 有向边（带箭头）
技巧： - 开启「吸附」功能，边会自动连接到顶点中心 - 双击边可以添加标签（如权重） - 右键边可以修改样式（颜色、粗细、虚线）

步骤 4：美化图形

  1. 修改顶点样式：
  2. 颜色：区分不同类型的顶点
  3. 大小：突出重要节点
  4. 边框：加粗强调
  5. 修改边样式：
  6. 颜色：区分不同关系
  7. 粗细：表示权重强弱
  8. 箭头：表示方向
  9. 添加标签：
  10. 顶点标签：v₁, v₂, v₃ 或 A, B, C
  11. 边标签：权重、距离等

三、实战案例

案例 1：绘制社交网络图

场景： 表示 5 个人的社交关系 步骤： 1. 添加 5 个圆形顶点，标注为 A、B、C、D、E 2. 用无向边连接有关系的人 3. 边的粗细表示关系亲密度 4. 使用不同颜色表示不同群体

案例 2：绘制算法流程图

场景： 表示 Dijkstra 最短路径算法 步骤： 1. 添加顶点表示图的节点 2. 用有向边表示连接 3. 在边上标注距离/权重 4. 用不同颜色标记已访问节点 5. 用箭头表示搜索方向

案例 3：绘制知识图谱

场景： 表示概念之间的关系 步骤： 1. 用矩形顶点表示概念 2. 用有向边表示关系 3. 在边上标注关系类型（如「属于」、「包含」） 4. 使用层级布局

四、导出 TikZ 代码

DrawFig 的核心优势是一键导出 TikZ 代码，直接用于 LaTeX 论文。

导出步骤

  1. 完成图论图绘制
  2. 点击顶部菜单「导出」→「TikZ」
  3. 复制生成的 TikZ 代码

在 LaTeX 中使用

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{graphs, graphdrawing}
\usegdlibrary{force, trees}

\begin{document}

\section{我的图论图}

% 在这里粘贴 DrawFig 导出的 TikZ 代码
\begin{tikzpicture}
  % DrawFig 生成的代码
  \node (v1) at (0,0) {$v_1$};
  \node (v2) at (2,0) {$v_2$};
  \draw (v1) -- (v2);
\end{tikzpicture}

\end{document}

TikZ 代码自定义

导出的 TikZ 代码可以进一步自定义： 
% 修改顶点样式
\node[draw, circle, fill=blue!20, minimum size=1cm] (v1) at (0,0) {$v_1$};

% 修改边样式
\draw[->, thick, red] (v1) -- node[above] {$w=5$} (v2);

% 添加图例
\node[anchor=west] at (5,0) {图例：红色边表示权重>3};

五、图论绘图最佳实践

1. 布局原则

  • 清晰性： 避免边交叉，保持图形清晰
  • 对称性： 尽可能使用对称布局
  • 层次性： 有向图按层次排列
  • 间距： 顶点之间保持适当距离

2. 颜色使用

  • 一致性： 同类元素使用相同颜色
  • 对比度： 确保颜色对比明显
  • 无障碍： 考虑色盲用户，避免红绿搭配
  • 简洁： 不要使用过多颜色（建议≤5 种）

3. 标签规范

  • 字体： 使用数学字体（如 $v_1$ 而非 v1）
  • 大小： 标签大小适中，不遮挡图形
  • 位置： 标签放在顶点旁边或内部
  • 简洁： 标签简短明了

4. 导出设置

  • 分辨率： 导出图片时选择 300 DPI 以上
  • 格式： 论文用 PDF 或 SVG，PPT 用 PNG
  • 大小： 根据出版物要求调整
  • TikZ： 优先使用 TikZ 代码，可无限缩放

六、常见问题解答

Q1：如何绘制大规模图（>50 个顶点）？

答： 1. 使用 DrawFig 的「自动布局」功能 2. 分层绘制，先画主干再添加细节 3. 考虑使用力导向布局算法 4. 对于超大规模图，建议用代码生成（如 NetworkX + TikZ）

Q2：如何绘制带权重的图？

答： 1. 添加边后，双击边添加标签 2. 标签内容写权重值（如 w=5） 3. 可以用边的粗细表示权重大小 4. 或用颜色渐变表示权重

Q3：TikZ 代码编译报错怎么办？

答： 1. 确保导入了必要的 TikZ 库 2. 检查 LaTeX 发行版是否支持 TikZ 3. 使用 Overleaf 等在线 LaTeX 编辑器 4. 查看 DrawFig 文档的 TikZ 使用指南

Q4：如何绘制动态图（动画）？

答： 1. DrawFig 本身不支持动画 2. 可以导出多帧 TikZ 代码 3. 使用 LaTeX 的 animate 包 4. 或用 Python（Matplotlib/NetworkX）生成动画

七、进阶技巧

1. 使用模板

DrawFig 提供多种图论图模板： - 树形图模板 - 环形图模板 - 网格图模板 - 层次图模板

2. 批量操作

  • 批量选择： Shift+ 点击多个元素
  • 批量移动： 选中后拖动
  • 批量样式： 选中后统一修改样式
  • 复制粘贴： Ctrl+C / Ctrl+V

3. 快捷键

  • Ctrl+D： 复制选中元素
  • Ctrl+G： 编组
  • Ctrl+Shift+G： 取消编组
  • Delete： 删除选中元素
  • Ctrl+Z： 撤销

4. 与其他工具集成

  • LaTeX： 导出 TikZ 代码
  • Python： 导出 JSON，用 NetworkX 处理
  • Gephi： 导出 GEXF 格式
  • PPT： 导出 SVG/PNG 插入幻灯片

八、练习题目

初级练习

  1. 绘制一个 5 个顶点的完全图 K₅
  2. 绘制一个二叉树（3 层）
  3. 绘制一个有向无环图（DAG）

中级练习

  1. 绘制社交网络图（10 人，标注关系强度）
  2. 绘制课程先修关系图
  3. 绘制城市交通网络图

高级练习

  1. 绘制神经网络结构图
  2. 绘制知识图谱（某领域）
  3. 绘制算法执行过程动画（多帧）

九、学习资源

图论教材

  • 《图论导引》- Douglas B. West
  • 《图论及其应用》- Bondy & Murty
  • 《离散数学》- 图论章节

TikZ 教程

在线工具

  • DrawFig： https://drawfig.com
  • Graphviz： 自动布局工具
  • NetworkX： Python 图论库
  • Gephi： 图可视化软件

十、总结

本教程介绍了： - ✅ 图论基础概念 - ✅ 使用 DrawFig 绘制图论图 - ✅ 导出 TikZ 代码用于 LaTeX - ✅ 图论绘图最佳实践 - ✅ 常见问题解答 下一步： 1. 打开 DrawFig 实践练习 2. 尝试导出 TikZ 代码 3. 在 LaTeX 论文中使用 4. 分享你的作品到 DrawFig 社区
立即开始： 👉 https://drawfig.com 相关文章： - 📖 DrawFig vs FigDraw vs BioRender 对比 - 📖 网络图绘制完整指南 - 📖 用户案例：科研团队效率提升 300% 相关问题？ 欢迎在评论区留言或联系 support@drawfig.com
最后更新：2026-03-06 作者：DrawFig Team