弧长链接图生成器

粘贴或编辑节点链接数据，在大画布中定制弧线、配色、标签与背景，并导出高清 PNG、SVG 或 CSV。

弧长链接图工作台示例数据已载入。编辑表格或切换样式，图表会实时更新。
100%
—节点—链接—总权重—分组
画布已更新

数据结构与图形关系

准备链接数据

每一行表示一条从来源节点指向目标节点的链接。source、target 和 weight 为必填字段，group 可用于颜色分组；同一有向链接只保留一行。

理解弧线与权重

节点间距决定弧线跨度，跨度更长不代表关系更强；链接权重映射为线宽，只有在同一张图使用统一映射范围时才适合直接比较。

选择合适的导出格式

SVG 适合继续编辑和印刷，PNG 适合直接展示，CSV 用于保存当前有效链接数据。透明背景只改变导出画布，不改变节点与链接。

使用边界

  • 最多 500 条链接和 200 个节点。
  • 权重必须是大于 0 的有限数字。
  • 重复有向链接和自链接会被拒绝。

了解更多

使用与限制

字段与操作步骤

  1. 准备 source、target、weight 三列，group 列可选；可以直接从 Excel 或 Google Sheets 复制。
  2. 在数据标签中粘贴表格或导入 UTF-8 CSV / TSV，应用后可继续逐格编辑。
  3. 切换到样式标签调整排序、弧高、线宽、颜色、标签、背景和画布比例。

错误处理

出现空节点、非正权重、自链接或重复有向链接时，工具会指出具体数据行并暂停图表，避免旧预览被误认为当前结果。修正后会自动恢复绘制。

图表生成原理

节点按选定顺序等距排列在水平基线上。每条链接的水平半径等于两节点距离的一半，弧高比例控制垂直半径，因此可以在不改变数据的情况下压缩或拉高弧线。

线宽按当前数据的最小与最大权重线性映射到设定范围；颜色可按分组、来源节点、权重渐变或单色编码。选中节点时，工具会高亮与该节点直接相连的链接。

常见问题

常见问题

弧线向上和向下会改变数据吗？

不会。方向只改变视觉朝向，节点顺序、链接关系、权重和导出数据保持不变。

应该选择哪种节点排序？

输入顺序保留业务流程，名称顺序便于查找，链接度顺序突出枢纽节点，分组顺序适合比较群组。

工具信息

隐私与本地处理

所有解析、绘制、交互和导出均在当前浏览器完成，不上传数据，不访问远程 API，不写入 localStorage。文件读取、下载和剪贴板只在用户主动操作后发生。

导出与文件

SVG 保留矢量清晰度，适合继续编辑；PNG 可选择 1×、2× 或 3× 清晰度，并可导出透明背景；CSV 保存当前有效链接数据。

实现与运行资源

本工具使用原生 JavaScript 与 SVG 独立实现数据解析、布局、交互和导出，未加载 CDN、在线字体或第三方运行代码。