关系图生成器
输入「源 → 目标」关系或使用表单编辑节点与连线，自动排版为关系图，支持力导向、圆形、网格、树形布局，可导出 SVG 或 PNG。
免费在线工具
Loading…
使用说明
选择文本输入或表单编辑，录入关系后即可生成可导出的关系图。
- 文本输入每行写一个关系，支持
A -> B、A → B、A => B、A 依赖 B、A: B，以及A -> B | 标签或A -> B (标签)的带标签写法；以 # 或 // 开头的行会被忽略。 - 点击「解析并绘制」生成图；点击「加载示例数据」可载入 5 个节点、5 条关系的示例。
- 在「表单编辑」中可以添加节点并选择默认、主要、次要、成功、警告、危险六种颜色类型；添加关系时可选择起点、终点并填写可选标签，节点和关系列表都支持删除。
- 选择布局算法（力导向、圆形、网格、树形），调整节点大小（20~80）、连线颜色和是否显示文字标签。
- 展开「高级设置」可修改画布宽度（200~2000）和高度（150~1500），以及标签颜色。
- 使用「复制 SVG」「下载 SVG」或「下载 PNG」导出；PNG 按 2 倍尺寸生成，若当前浏览器无法完成 SVG 转 PNG，可改用 SVG。
功能介绍
- 两种输入方式：文本批量解析，或表单逐条添加节点和关系。
- 文本解析支持箭头、中文关系词、冒号分隔、竖线标签和括号标签；重复节点会自动合并。
- 六种节点类型：默认（灰）、主要（蓝）、次要（深灰）、成功（绿）、警告（橙）、危险（红）。
- 四种布局：力导向、圆形、网格和树形；力导向使用确定性算法，相同输入每次得到相同位置。
- 树形布局从没有入边的节点开始分层，遇到环或孤立节点时也会覆盖所有节点。
- 可调节点大小、连线颜色、标签颜色、是否显示标签，以及画布宽度和高度。
- 导出 SVG 或 2 倍尺寸 PNG，也可直接复制 SVG 源码；解析、布局和绘制都在浏览器本地完成。
使用场景
项目模块依赖图
按「模块A -> 模块B」列出依赖关系，快速得到项目结构图并导出 SVG 放进设计文档。
服务调用关系梳理
用「A 调用 B」描述微服务之间的调用，选择力导向或树形布局查看整体结构。
汇报与文档配图
用表单调整节点颜色和标签，导出 PNG 或 SVG 作为汇报材料中的关系示意图。
知识概念梳理
把概念之间的包含、关联、属于等关系画成图，帮助检查遗漏或重复的连接。
常见问题
文本输入支持哪些关系写法？
支持 A -> B、A → B、A => B、A --> B、A 依赖 B、A: B（中英文冒号均可），以及带标签的 A -> B | 标签和 A -> B (标签)。空行、# 注释行和 // 注释行会被忽略。
中文关系词有哪些？
支持依赖、调用、关联、包含、指向、属于、使用、读写八种关系词。关系词两侧需要有空格，例如「模块B 调用 服务D」；这些词出现在节点名中间时不会被拆分。
力导向布局每次生成的位置一样吗？
一样。力导向布局使用确定性算法，不使用随机数，相同节点、关系和画布配置会得到完全相同的布局，便于复现和对比。
树形布局遇到环或孤立节点会怎样？
树形布局从没有入边的节点开始广度优先分层；如果所有节点都有入边，则取第一个节点作为根。遍历不到的节点会被追加到最后一层，因此不会被丢弃。
PNG 导出失败怎么办？
PNG 导出依赖浏览器把 SVG 绘制到 canvas。如果浏览器不支持或生成失败，页面会提示改用 SVG，此时下载 SVG 即可保留矢量图形。
关系数据会上传吗？
不会。文本解析、布局计算和 SVG/PNG 绘制都在浏览器本地完成，不上传任何节点或关系数据。