分类

← View All Tools

桑基图生成器

生成桑基图来可视化不同节点之间的流量分布和能量转移

桑基图数据，需要包含nodes和links数组的JSON格式

显示在图表上方的标题

节点的颜色（逗号分隔的十六进制颜色）

流量连接线的颜色（逗号分隔的十六进制颜色）

图表的像素宽度

图表的像素高度

每个节点的像素宽度

节点之间的垂直间距（像素）

图表容器的背景颜色

在图表上显示流量数值

在图表上显示节点名称

加载时显示动画效果

关键信息

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

概览

桑基图生成器是一款专业的数据可视化工具，旨在通过直观的流向图展示节点间的流量分布、能量转移或资源分配情况，帮助用户快速洞察复杂系统中的数据流动逻辑。

适用场景

  • •需要分析能源、资金或物流在不同环节间的分配比例时。
  • •需要展示复杂网络中流量的来源与去向及其权重关系时。
  • •需要将抽象的统计数据转化为直观的流向图表以辅助决策时。

工作原理

  • •准备包含 nodes（节点）和 links（连接）数组的 JSON 格式数据。
  • •将数据粘贴至图表数据输入框，并根据需求调整标题、颜色及尺寸等参数。
  • •点击生成按钮，工具将自动渲染出带有流量数值和节点标签的桑基图。
  • •支持开启动画效果，使数据流向展示更加生动直观。

使用场景

企业财务分析：可视化资金从收入来源到各项支出的流向分布。
能源效率评估：展示能源输入在生产过程中的转化与损耗情况。
网站流量追踪：分析用户从入口页面到最终转化页面的路径流向。

用户案例

1. 年度预算分配流向图

财务分析师
背景原因
财务部门需要向管理层汇报年度预算的分配情况，传统的饼图无法体现资金在多个部门间的层级流转。
解决问题
需要展示预算从总额到各业务部门，再到具体项目支出的完整流向。
如何使用
输入包含各部门节点及预算金额流向的 JSON 数据，并设置节点颜色以区分不同业务板块。
示例配置
{"nodes": [{"id": "total", "name": "总预算"}, {"id": "dept1", "name": "研发部"}, {"id": "dept2", "name": "市场部"}], "links": [{"source": "total", "target": "dept1", "value": 500}, {"source": "total", "target": "dept2", "value": 300}]}
效果
生成了一张清晰的预算流向图，管理层能直观看到各部门的预算占比及资金分配结构。

用 Samples 测试

json
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
json
Grafana 高级应用示例
全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
preferred input family json
json
ELK Stack 日志分析示例
全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
preferred input family json
json
D3.js 数据可视化示例
全面的D3.js数据可视化示例，包括图表、地图、动画和交互式可视化
preferred input family json
json

相关专题

JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
Json 工具专题
探索 43 个围绕 json 的 utility 工作流工具，快速找到相近能力。
JsonGenerate工具专题
探索 33 个围绕 json 的 generate 工作流工具，快速找到相近能力。
JsonFormat工具专题
探索 6 个围绕 json 的 format 工作流工具，快速找到相近能力。

常见问题

桑基图的数据格式是什么？

需要使用 JSON 格式，包含 nodes（定义节点名称和 ID）和 links（定义源节点、目标节点及流量数值）两个数组。

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

可以，通过节点颜色和连接线颜色选项，输入十六进制颜色代码（逗号分隔）即可自定义配色方案。

图表支持显示具体数值吗？

支持，勾选“显示数值”选项后，图表将自动在连接线上标注流量的具体数值。

生成的图表可以调整大小吗？

可以，通过设置图表宽度和高度参数，您可以根据展示需求调整图表的像素尺寸。

该工具是否支持导出图片？

本工具主要用于在线生成和预览桑基图，您可以直接在浏览器中通过截图或打印功能保存图表。

API 文档

请求端点

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

请求参数

参数名 类型 必填 描述
chartData textarea 是 桑基图数据，需要包含nodes和links数组的JSON格式
chartTitle text 否 显示在图表上方的标题
nodeColors text 否 节点的颜色（逗号分隔的十六进制颜色）
linkColors text 否 流量连接线的颜色（逗号分隔的十六进制颜色）
chartWidth number 否 图表的像素宽度
chartHeight number 否 图表的像素高度
nodeWidth number 否 每个节点的像素宽度
nodePadding number 否 节点之间的垂直间距（像素）
backgroundColor color 否 图表容器的背景颜色
showValues checkbox 否 在图表上显示流量数值
showLabels checkbox 否 在图表上显示节点名称
animated checkbox 否 加载时显示动画效果

响应格式

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

AI MCP 文档

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

{
  "mcpServers": {
    "elysiatools-sankey-diagram-generator": {
      "name": "sankey-diagram-generator",
      "description": "生成桑基图来可视化不同节点之间的流量分布和能量转移",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=sankey-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]