返回 Skill 列表
extension
分类: 数据与分析无需 API Key

桑基流向图(可交互视图)

当用户要做 桑基图、流向图、流量图、转化漏斗图(路径)、资金流向、用户流转、物流链路可视化时启用。输入「节点 + 流量」关系表,输出自包含 ECharts 桑基图 HTML,节点可悬浮看流量、可缩放。纯前端、跨平台。

person作者: user_af163eaahubcommunity

桑基流向图(可交互视图)

触发场景(何时用我)

  • 桑基图 / 流向图 / 流量图
  • 资金流向、用户流转、物流链路
  • 转化路径、渠道归因可视化
  • sankey 可视化

工作流程(照做)

  • 确认关系:让用户给「源节点→目标节点→流量值」三列数据(如 曝光→点击→下单→复购)。
  • 校验:节点名不重复、流量非负;环(A→B→A)桑基不支持,提示用户打断。
  • 生成单文件 HTML:用 ECharts 5(CDN)写自包含 .html,桑基系列带 tooltip/拖拽缩放,配色区分主干。
  • 保存交付:输出路径,浏览器打开交互。
  • 不编造:只用用户给的流量,未提供的链路不臆造。

注意事项

  • 支持多级节点链路
  • hover 显示该边流量
  • 可导出图片

红线(禁止)

  • 禁止构造环路数据(桑基不支持)
  • 禁止编造流量
  • 禁止连数据库

适用边界

仅可视化用户提供的「节点-流量」关系;不做路径预测、不接实时日志。

跨平台安装与运行

本 Skill 为纯规则 / 前端模板型,不绑定任何平台独占工具,可在以下客户端直接安装使用:

  • WorkBuddy:复制 V1.0.0/ 全部文件到 ~/.workbuddy/skills/桑基流向图(可交互视图)/
  • Claude:复制到 ~/.claude/skills/桑基流向图(可交互视图)/
  • Cursor:复制到 ~/.cursor/skills/桑基流向图(可交互视图)/
  • Codex / Windsurf / Gemini / Copilot / OpenClaw:复制到对应 skills/ 目录

安装后通过自然语言触发(见上方触发场景)。BI 类生成单文件 HTML(ECharts CDN),双击在浏览器打开即可交互;地图类生成自包含 HTML 地图(需联网 + 高德 Key)。

红蓝对抗结论(已固化)

见同目录 RACE_REPORT.md(红军主干 + 蓝军 6 类挑刺 + 优化落点 + 四维评分 + 新用户测试结论)。