关键信息
- 分类
- 图表与可视化
- 输入类型
- 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 测试
jsonPDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
ELK Stack 日志分析示例
全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
preferred input family json
Grafana 高级应用示例
全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
preferred input family json
Terraform Plan JSON 样本
用于依赖可视化和变更审查的 Terraform plan JSON 文件样本，贴近 terraform show -json 输出结构
preferred input family json
相关专题
JSON 交换与格式翻译工具
在一个专题里比较 JSON 与 CSV、YAML、TOML、GraphQL、XML、Markdown、Excel、BSON、EDN 等结构化格式之间的转换工具。
JSON 检查、对比与转换工具
把 JSON 格式化、差异对比、路径检查、Schema 校验、合并、转换和导出工具集中到一个专题中，适合 API 与数据处理流程。
JSON Schema、Mock 数据与 API 夹具生成工具
围绕JSON Schema 生成、Mock 负载构建与 API 夹具准备整理的一组工具。
JSON 格式化、对比与规范化工具
在一个专题中比较 JSON 格式化、差异对比、日志审查、配置比较和数据规范化工具，适合需要让 JSON 更易读、更易审查的流程。
常见问题
桑基图的数据格式是什么？
需要使用 JSON 格式，包含 nodes（定义节点名称和 ID）和 links（定义源节点、目标节点及流量数值）两个数组。
可以自定义图表的颜色吗？
可以，通过节点颜色和连接线颜色选项，输入十六进制颜色代码（逗号分隔）即可自定义配色方案。
图表支持显示具体数值吗？
支持，勾选“显示数值”选项后，图表将自动在连接线上标注流量的具体数值。
生成的图表可以调整大小吗？
可以，通过设置图表宽度和高度参数，您可以根据展示需求调整图表的像素尺寸。
该工具是否支持导出图片？
本工具主要用于在线生成和预览桑基图，您可以直接在浏览器中通过截图或打印功能保存图表。