分类

← View All Tools

弦图生成器

生成交互式弦图，可视化实体间的双向流动和关系

包含source、target和value字段的连接数组

图表上方显示的标题

图表背景颜色

外圆半径（像素）

内圆半径（像素）

弦线透明度（0-1）

弧形之间的间距（0-0.1）

显示实体名称

显示总流量数值

显示颜色图例

显示流量统计

加载时动画

动画时间（毫秒）

关键信息

分类
Data Visualization
输入类型
textarea, text, select, color, number, checkbox
输出类型
html
样本覆盖
4
支持 API
Yes

概览

弦图生成器是一款专业的在线数据可视化工具，旨在帮助用户通过交互式弦图直观展示实体间的双向流动、关联强度及复杂网络关系，适用于分析迁徙数据、贸易往来及社交网络等场景。

适用场景

  • •需要分析多个实体之间复杂的双向流量或交互数据时。
  • •在演示报告中展示不同类别或地区间的关联强度与分布情况时。
  • •希望通过直观的圆环布局，快速识别数据网络中的核心节点与流动趋势时。

工作原理

  • •输入包含 source（源）、target（目标）和 value（数值）字段的 JSON 格式连接数据。
  • •根据需求调整排序方式、配色方案、圆环半径及弦线透明度等视觉参数。
  • •勾选显示标签、数值、图例或统计信息，并启用动画效果以增强演示的交互体验。
  • •生成并预览交互式弦图，确认无误后即可用于数据分析或报告展示。

使用场景

城市间人口迁徙或物流运输流量分析。
不同国家或地区间的进出口贸易往来可视化。
社交网络中用户互动频率或组织间协作关系展示。

用户案例

1. 城市间物流流量可视化

物流分析师
背景原因
需要向管理层汇报主要城市间的货物周转情况，原始数据为复杂的 Excel 表格，难以直观看出流量流向。
解决问题
通过弦图展示各城市间的双向物流强度，快速识别核心枢纽。
如何使用
将物流数据转换为 JSON 格式输入，选择“数值从高到低”排序，并开启“显示数值”与“显示统计”功能。
示例配置
{"sortOrder": "value-desc", "showLabels": true, "showValues": true, "showStats": true, "colorScheme": "vibrant"}
效果
生成了一张色彩鲜明的交互式弦图，清晰展示了北京、上海、广州等核心城市间的物流吞吐量，管理层能一目了然地看到流量分布。

用 Samples 测试

barcode
QUIC 协议示例
全面的 QUIC 协议示例，涵盖 HTTP/3 实现、UDP 可靠传输、连接迁移和性能优化
keywords network,migration
sample
Grafana 高级应用示例
全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
keywords visualization,data
sample
Truffle 开发套件示例
Truffle 以太坊开发框架示例，包括智能合约、测试、部署、迁移、调试和开发工作流
keywords flow,migration
sample
Prisma 示例
Prisma现代数据库工具包和ORM，包含模式定义、迁移、关系和类型安全的数据库访问
keywords relationship,migration,data
sample

相关专题

Barcode 工具专题
探索 7 个围绕 barcode 的 utility 工作流工具，快速找到相近能力。
BarcodeConvert工具专题
探索 6 个围绕 barcode 的 convert 工作流工具，快速找到相近能力。
JsonGenerate工具专题
探索 33 个围绕 json 的 generate 工作流工具，快速找到相近能力。
DesignGenerate工具专题
探索 19 个围绕 design 的 generate 工作流工具，快速找到相近能力。

常见问题

什么是弦图？

弦图是一种用于展示实体间关系和流量的圆环形图表，通过圆环上的弧段和内部的弦线宽度来表示节点及其连接的强度。

输入数据格式有什么要求？

数据必须为 JSON 数组格式，且每个对象需包含 source（源节点）、target（目标节点）和 value（连接强度数值）三个字段。

可以自定义图表的颜色吗？

可以，工具内置了多种配色方案，如暖色、冷色、柔和色、鲜艳色及彩虹色，您可以根据数据主题自由选择。

如何调整图表的大小？

您可以通过设置“外半径”和“内半径”参数来精确控制图表的整体尺寸和圆环的厚度。

生成的图表支持交互吗？

支持，生成的弦图具备交互功能，鼠标悬停在弧段或弦线上时，可高亮显示相关的连接路径及详细数值。

API 文档

请求端点

POST /zh/api/tools/chord-diagram-generator

请求参数

参数名 类型 必填 描述
chartData textarea 是 包含source、target和value字段的连接数组
chartTitle text 否 图表上方显示的标题
sortOrder select 否 -
colorScheme select 否 -
backgroundColor color 否 图表背景颜色
radius number 否 外圆半径（像素）
innerRadius number 否 内圆半径（像素）
chordOpacity number 否 弦线透明度（0-1）
padding number 否 弧形之间的间距（0-0.1）
showLabels checkbox 否 显示实体名称
showValues checkbox 否 显示总流量数值
showLegend checkbox 否 显示颜色图例
showStats checkbox 否 显示流量统计
enableAnimation checkbox 否 加载时动画
animationDuration number 否 动画时间（毫秒）

响应格式

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-chord-diagram-generator": {
      "name": "chord-diagram-generator",
      "description": "生成交互式弦图，可视化实体间的双向流动和关系",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=chord-diagram-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

如果遇见问题，请联系我们：[email protected]