# 桑基图生成器

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

> 标准页面: https://elysiatools.com/zh/tools/sankey-diagram-generator

- **分类:** Data Visualization

- **关键词:** 桑基图, 流向图, 图表, 可视化, 能量, 分布, 网络

## 概述

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

## 输入项

- **图表数据** (textarea): 桑基图数据，需要包含nodes和links数组的JSON格式
- **图表标题** (text): 显示在图表上方的标题
- **节点颜色** (text): 节点的颜色（逗号分隔的十六进制颜色）
- **连接线颜色** (text): 流量连接线的颜色（逗号分隔的十六进制颜色）
- **图表宽度** (number): 图表的像素宽度
- **图表高度** (number): 图表的像素高度
- **节点宽度** (number): 每个节点的像素宽度
- **节点间距** (number): 节点之间的垂直间距（像素）
- **背景颜色** (color): 图表容器的背景颜色
- **显示数值** (checkbox): 在图表上显示流量数值
- **显示标签** (checkbox): 在图表上显示节点名称
- **动画效果** (checkbox): 加载时显示动画效果

## 适用场景

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

## 工作原理

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

## 使用案例

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

## 常见问题

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

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

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

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

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

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

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

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

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

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

## 相关工具

- [柱状图生成器](https://elysiatools.com/zh/tools/bar-chart-generator): 从数据生成可自定义的柱状图，支持多种样式选项
- [气泡图生成器](https://elysiatools.com/zh/tools/bubble-chart-generator): 从数据生成可自定义的气泡图，支持三个维度（X、Y、大小）的可视化
- [环形图生成器](https://elysiatools.com/zh/tools/donut-chart-generator): 从数据生成可自定义的环形图（甜甜圈图），具有中央空间，非常适合显示比例数据
- [漏斗图生成器](https://elysiatools.com/zh/tools/funnel-chart-generator): 从数据生成可自定义的漏斗图，非常适合显示转化率、销售管道和流程
- [仪表盘图生成器](https://elysiatools.com/zh/tools/gauge-chart-generator): 从数据生成可自定义的仪表盘图（速度计图），非常适合显示KPI、指标和性能数据
- [热力图生成器](https://elysiatools.com/zh/tools/heatmap-generator): 从数据生成可自定义的热力图，非常适合可视化数据密度、相关性和模式
- [象形图生成器](https://elysiatools.com/zh/tools/pictograph-generator): 使用图标/符号创建象形图来表示数量，支持自定义图标、颜色和布局
- [饼图生成器](https://elysiatools.com/zh/tools/pie-chart-generator): 从数据生成可自定义的饼图，支持多种样式选项

## 示例

- [Grafana 高级应用示例](https://elysiatools.com/zh/samples/grafana-samples): 全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
- [D3.js 数据可视化示例](https://elysiatools.com/zh/samples/d3js-data-visualization): 全面的D3.js数据可视化示例，包括图表、地图、动画和交互式可视化
- [二维码示例](https://elysiatools.com/zh/samples/qrcode-samples): 用于测试二维码读取和生成工具的示例二维码图像
- [ELK Stack 日志分析示例](https://elysiatools.com/zh/samples/elk-stack-samples): 全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化

## 相关内容

- [图表与图示生成器](https://elysiatools.com/zh/hubs/chart-diagram-generators): 根据数据结构选择图表，清晰表达比较、分布、层级、关系、进度和时间安排。