地理分布热力图(可交互视图)
触发词
地图热力 / 区域分布 / 地理可视化 / 客户分布图
适用场景
客户地域分布、门店覆盖、资源投放区域分析(须用合规地图服务)。
核心能力
解析省市名或经纬度;在合规底图(高德/百度/腾讯)上渲染热力或散点;支持缩放与悬浮看数值;分级配色。
工作流程
- 接收数据:用户提供 CSV / Excel / 表格文本 / 数据库导出。若无数据,先询问数据来源、字段含义与目标。
- 理解结构:识别维度(类别 / 时间 / 地区)与度量(数值),与用户确认图表目标与口径。
- 图表选型:基于合规地图 JS API 渲染热力层(或分级散点),悬浮显示区域数值,缩放联动。
- 生成视图:输出单文件 HTML(引入 ECharts 或 Chart.js 的 CDN),内置交互:悬停看数值、图例筛选、缩放、导出 PNG;移动端响应式可看。
- 自检:数据口径一致、无遗漏项、标题与单位清晰、颜色区分度足够、无重叠遮挡。
输出规范
- 单文件 HTML,双击即可打开;除图表库 CDN 外无外部依赖。
- 交互:悬停提示、图例筛选、支持导出图片,便于粘贴进报告。
- 数据缺漏:明确标注「数据缺失」,不编造、不估算填充。
注意
- 不编造或篡改用户数据;缺字段先问,不要自行脑补。
- 大数据量:考虑采样 / 聚合 / 虚拟滚动,防止页面卡顿。
- 时间数据:明确时区与统计口径(累计 / 同比 / 环比)。
- 中文显示:图表字体显式指定中文字体栈,避免乱码。
红线
- 禁止编造、篡改、四舍五入后失真地呈现用户数据。
- 禁止输出必须联网才能渲染的硬依赖(仅允许图表库 CDN)。
- 禁止把用户原始数据写死进技能目录(应为用户每次提供的输入)。
适用边界
- 输入为结构化 / 半结构化数据;纯非结构化文本需先抽取为表格再可视化。
- 不含实时数据库连接;用户给出静态数据快照。
- 不替代专业 BI 平台(如超大规模实时数仓),定位为「轻量快速出可交互视图」。
示例
用户:「这批客户按城市分布,出热力图」→ 输出 heatmap.html:高德合规底图 + 城市热力,悬浮看客户数,深圳深色高亮。
跨平台安装
本技能为纯规则 Skill,可安装于任意智能体客户端(不绑定单一平台):
- WorkBuddy:复制到
~/.workbuddy/skills/{slug}/ - Claude:复制到
~/.claude/skills/{slug}/ - Cursor:复制到
~/.cursor/skills/{slug}/ - Codex / Windsurf / Gemini / Copilot / OpenClaw 等:复制到对应客户端的
skills/{slug}/目录 安装后在该客户端对话中即可用触发词调用。所有数据/示例文件均使用技能目录内相对路径(如本技能目录内的 data/),不依赖任何平台专属绝对路径。
数据文件约定(R15)
若技能需内置示例数据,统一存放于技能目录内 data/ 相对路径;禁止硬编码 ~/.workbuddy等平台或个人绝对路径。
微信扫一扫