hlzd-data-vizlisted
Install: claude install-skill Alexxiang2008/hlzd-b2b-export-skills
# hlzd-d3-viz — B2B 数据可视化
> 解决 B2B 数据洞察问题：销售漏斗 + 询盘看板 + 客户地理，3 大 HLZD 场景即开即用。
---
## Quick Commands
```bash
# 销售漏斗图（HLZD 特色）
hlzd-d3-viz funnel --source hlzd_b2b --period month --lang zh_CN
# 询盘分析看板（6 图组合）
hlzd-d3-viz dashboard --source hlzd_b2b --time-range month
# 客户地理分布（世界地图 + 气泡）
hlzd-d3-viz geo --source hlzd_b2b --region world
# 通用图表（柱状/折线/饼图/热力等）
hlzd-d3-viz bar --data-file data.csv --x category --y value
hlzd-d3-viz line --data-file data.csv --x date --y count
hlzd-d3-viz pie --data-file data.csv --label type --value count
# 用户 JSON 自定义数据
hlzd-d3-viz funnel --source user_json --data-file my_data.json
# 用户 CSV
hlzd-d3-viz dashboard --source csv --data-file inquiries.csv
# CLI 底层调用
py scripts/orchestrator.py --chart-type funnel --source hlzd_b2b --lang zh_CN
```
---
## 定位
| 对比项 | Chart.js / ECharts | **hlzd-d3-viz** |
|---|---|---|
| 图表类型 | 标准库 | **标准 + HLZD 三大场景**（漏斗/看板/地理）|
| 定制能力 | 模板化（受限于库）| **完全可控**（D3 直接操作 SVG）|
| 数据源 | 静态 JSON | **HLZD-B2B工业品调研 闭环**（自动检测最新）|
| 品牌色 | 库默认 | **HLZD 品牌色统一** |
| 协同能力 | 独立 | **HLZD skills 体系一员**（与办公/图片/视频联动）|
| 输出格式 | HTML 片段 | **自包含 HTML**（含 D3.js CDN）|
**核心原则**：B2B 数据可视化不是"画图"，是"洞察 + 决策"。
---
## 核心能力矩阵
| 能力 | 实现 | 适用场景 | 来源 |
|---|---|---|---|
| **销售漏斗图** | funnel.js（SVG path 拼接）| 询盘→报价→谈判→成交 转化率 | ⭐ HLZD 特色 |
| **询盘分析看板** | dashboard-quote.js（6 图组合）| 销售汇报/周报/月报 | ⭐ HLZD 特色 |
| **客户地理分布** | geo-customers.js（d3-geo + TopoJSON）| 市场分布/区域分析 | ⭐ HLZD 特色 |
| 柱状图 | bar.js | 类别对比 | 通用 |
| 折线图 | line.js | 趋势分析 | 通用 |
| 饼图 | pi