桑基图生成器介绍
桑基图（Sankey Diagram）用宽度与流量成正比的分支展示「从哪里来、到哪里去」：节点宽度即流量大小，分支流向清晰呈现分配路径，是用户行为路径与能源/资金流向分析的标准图表。
分析网站用户从各入口渠道流向哪些落地页、家庭支出从收入流向各消费类目、能量从一次能源流向各终端用途，把节点和流量写成 JSON 粘贴进来，流向结构一目了然。
基于 Apache ECharts 渲染，节点可拖拽调整布局，悬停边线查看具体流量值；数据采用 JSON 格式：nodes 为节点列表，links 描述 source→target 及 value，输入有误时会给出语法提示，全部处理在本地完成。
使用步骤
- 1准备 JSON：按 {"nodes":[{"name":"渠道A"}],"links":[{"source":"渠道A","target":"首页","value":300}]} 结构整理数据。
- 2粘贴生成：JSON 校验通过后实时绘制桑基图，节点宽度即流量。
- 3调整布局：拖拽节点微调位置，悬停流线查看流量数值。
- 4导出使用：导出高清 PNG 附在分析报告。
适用场景
- 用户路径各渠道 → 落地页 → 转化行为的流量去向，优化投放结构。
- 支出分析月收入流向房租、饮食、储蓄等各类目的分配图。
- 能量审计工厂电耗从配电到各车间的流向，定位耗能大户。
- 内容分发文章从各推荐位获得的流量及后续点击去向。
实用小贴士
- source 与 target 的名称必须与 nodes 中的 name 完全一致。
- 同一 source 到同一 target 只保留一条 link，多条请合并求和。
- 用「示例数据」按钮可快速载入合法结构作参考。
常见问题
JSON 格式写错了会怎样？
输入区下方会提示具体解析错误，修正后图表自动刷新；建议先用示例数据格式做参照。
节点必须分层吗？
工具按链接关系自动分层布局，无需手动指定层级；节点可拖拽微调位置。
数据量大能渲染吗？
节点几十个、连线几百条以内均可流畅渲染；更大规模建议先聚合次要流向。