关于 visualization-choice-reporting
面向分析人员和报告撰写者的数据可视化技能,指导选择和设计图表,并将图表发现组织成叙述与行动建议。
主要功能
- 01明确问题并分析数据特征
- 02按问题选择图表类型
- 03检查图表设计与无障碍性
- 04结合背景阐释发现
- 05验证并记录建议
适用场景
- 01为趋势或比较问题选择图表
- 02准备面向管理层的数据报告
- 03呈现仪表板发现
- 04将分析结果转化为行动建议
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ lyndonkl/ claude --skill visualization-choice-reporting安装后在 Claude Code 中输入/visualization-choice-reporting确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
resources/methodology.mdtemplate.mdresources/evaluators/rubric_visualization_choice_reporting.json详细介绍
可视化选择与报告
工作流
复制此检查清单并跟踪进度:
Visualization Choice & Reporting Progress:
- [ ] Step 1: Clarify question and profile data
- [ ] Step 2: Select visualization type
- [ ] Step 3: Design effective chart
- [ ] Step 4: Narrate insights and actions
- [ ] Step 5: Validate and deliver
第 1 步:明确问题并分析数据
明确你要回答的问题(趋势是什么?X 和 Y 有何差异?分布如何?哪些因素影响 Z?构成是什么?)。分析数据概况:类型(类别型、数值型、时间型、地理空间型)、粒度(日级、用户级、聚合级)、规模(10 行、10K、10M)、维度(1D、2D、多变量)。参见问题与数据分析。
第 2 步:选择可视化类型
使用图表选择指南,根据问题类型匹配图表类别。考虑数据规模(小 → 表格,中等 → 标准图表,大 → 热力图/分箱图)、系列数量(1-3 → 标准图表,4-10 → 小多图,10+ → 交互式/聚合图表)和受众的专业水平(高管 → 简洁并突出洞察,分析师 → 详细探索)。
第 3 步:设计有效图表
对于简单情况 → 使用设计检查清单(清晰的标题、标注的坐标轴、必要时添加图例、注释、无障碍配色)。对于复杂情况(多变量、仪表板、交互式)→ 阅读 resources/methodology.md,了解高级技巧(小多图、分层图表、仪表板布局、交互模式)。
第 4 步:讲述洞察并提出行动
以洞察标题开篇(“营收同比增长 30%,由企业级业务板块推动”),标注关键模式(箭头、标签、阴影),提供背景信息(与基准、目标、前期相比),解读含义(“这表明企业级业务板块实现了产品市场契合”),提出行动建议(“加大企业级销售团队的招聘力度”)。参见叙事框架。
第 5 步:验证并交付
使用 resources/evaluators/rubric_visualization_choice_reporting.json 进行自我评估。检查:图表是否清楚地回答了问题?洞察是否一目了然?后续行动是否明确?创建 visualization-choice-reporting.md,写明问题、数据摘要、可视化规范、叙事和行动建议。参见交付格式。
问题与数据分析
问题类型 → 图表类别
| 问题类型 | 示例 | 主要图表类别 |
|---|---|---|
| 趋势 | X 随时间发生了怎样的变化? | 折线图、面积图、迷你图、地平线图 |
| 比较 | 各类别之间有何差异? | 条形图(名称较长时用水平条形图)、柱状图、点图、斜率图 |
| 分布 | 分布范围/频率如何? | 直方图、箱线图、小提琴图、密度图 |
| 关系 | X 和 Y 有何关系? | 散点图、气泡图、连线散点图、六边形分箱图 |
| 构成 | 各部分如何组成整体? | 矩形树图、饼图/圆环图、堆叠条形图、瀑布图、桑基图 |
| 地理 | 事件发生在何处? | 分级统计地图、气泡地图、流向地图、点地图 |
| 层级结构 | 结构是什么? | 树图、树状图、旭日图、圆形打包图 |
| 多变量 | 多个变量如何相互作用? | 小多图、平行坐标图、热力图、散点图矩阵 |
数据类型 → 编码注意事项
- 类别型(产品、地区、状态):使用位置、色相、形状。为了提高准确性,优先用条形长度,而不是饼图扇区角度。
- 数值型(营收、数量、分数):使用位置、长度、大小。优先使用线性刻度;仅在数值跨越多个数量级时使用对数刻度。
- 时间型(日期、时间戳):始终使用一致的时间间隔。标注事件。相关时展示季节性。
- 地理空间型(纬度/经度、地区):绝对位置是重点时使用地图;如果地理信息并非洞察的核心,则使用表格/图表。
图表选择指南
| 问题类型 | 图表类型 | 适用场景 |
|---|---|---|
| 比较 | 条形图(水平)、柱形图、分组条形图、点图、斜率图 | 分类数据 → 数值。名称较长或需要排名时使用水平条形图。比较 2-3 项指标时使用分组图。比较前后变化时使用斜率图。 |
| 趋势 | 折线图、面积图、迷你图、阶梯图、蜡烛图 | 时间 → 数值。连续趋势使用折线图。累计值或整体中的部分使用面积图。行内展示使用迷你图。离散变化使用阶梯图。 |
| 分布 | 直方图、箱线图、小提琴图、密度图 | 数值 → 频率。展示形状或异常值时使用直方图。比较各组四分位数时使用箱线图。展示完整密度时使用小提琴图。 |
| 关系 | 散点图、气泡图、六边形分箱图、连线散点图 | 数值 X → 数值 Y。展示相关性时使用散点图。展示第 3/4 个变量时使用气泡图(大小/颜色)。数据密集时使用六边形分箱图。 |
| 构成 | 矩形树图、饼图/环形图、堆叠条形图(100%)、瀑布图、桑基图 | 整体中的部分。展示层级结构时使用矩形树图。类别为 2-5 个且关注整体中的部分时使用饼图。展示累计值时使用瀑布图。展示流向时使用桑基图。 |
| 地理 | 分级统计地图、气泡地图、流向地图 | 展示空间模式。按区域展示时使用分级统计地图。展示精确位置时使用气泡地图。展示起点与终点时使用流向地图。 |
| 多变量 | 小倍图、热力图、平行坐标图 | 变量较多时使用。需要一致地比较时使用小倍图。展示矩阵(时间×天)时使用热力图。展示多个维度时使用平行坐标图。 |
设计检查清单
基本要素
- 标题突出核心洞察: 不要写“按月收入”,而要写“收入同比增长 30%,主要由企业客户带动”
- 坐标轴标签清晰且标明单位: 写“收入($M)”“月份(2024)”,不要只写“收入”“日期”
- 有多条数据系列时添加图例: 将图例放在图表附近;尽可能直接在线条上标注
- 为关键点添加注释: 使用箭头、标签、阴影标示重要事件/模式
- 标明来源和时间戳: “来源:Analytics DB,截至 2024-11-14”有助于建立信任
视觉感知最佳实践
- 条形图/柱形图的 Y 轴从零开始(避免夸大差异)
- 优先使用位置,而不是角度/面积(准确性方面,条形图优于饼图;当大小并非关键时,散点图优于气泡图)
- 使用色盲友好型配色: 不要只用红绿配色;使用蓝橙配色或添加纹理
- 将颜色控制在 5-7 种不同色相以内(颜色过多会增加查找图例的需要,降低理解速度)
- 利用前注意属性(颜色、大小、位置)突出信号,而非装饰
减少杂乱
- 移除图表装饰: 不使用 3D、渐变、粗重网格线或背景图
- 弱化非数据元素: 使用浅灰色网格线、细坐标轴,以及用于参考线的柔和颜色
- 留出空白: 不要塞得太满;让数据有空间
无障碍
- 用替代文本描述洞察: “折线图显示,2024 年第 1 季度至第 4 季度,收入从 $2M 增至 $2.6M(增长 30%);其中企业客户贡献了 80% 的增长。”
- 对比度充足: 文本清晰可读,线条易于区分
- 对关键区别,除颜色外还使用纹理(虚线/实线、网纹填充)
叙事框架
结构:标题 → 模式 → 背景 → 意义 → 行动
1. 标题(一句话,以洞察为先):
- 不要写:“此图表展示了月收入。”
- 而要写:“收入同比增长 30%,由企业客户细分市场带动。”
2. 模式(你看到了什么?):
- “Q1-Q2 持平在每月 200 万美元,随后稳步攀升至 Q4 的 260 万美元。”
- “企业客户细分市场增长 120%,而中小企业客户细分市场下降 10%。”
3. 背景(与什么相比?):
- “与目标相比:高于计划 15%”
- “与去年相比:2023 年 Q4 为 200 万美元,现在为 260 万美元”
- “与行业相比:我们的增长率为 30%,行业平均为 10%”
4. 意义(为什么重要?):
- “这表明产品在企业客户细分市场实现了市场契合;中小企业客户流失则说明定价不匹配。”
- “若这一趋势持续,2025 年 Q1 的月收入可能达到 300 万美元。”
5. 行动(我们应该做什么?):
- “优先事项:招聘 2 名企业客户销售主管,推出中小企业年度方案以减少客户流失。”
- “监控指标:企业客户赢单率、按方案类型划分的中小企业客户流失率。”
完整叙事示例:
**标题:**企业客户收入同比增长 120%,而中小企业客户收入下降 10%,整体收入因此增长 30%。
**模式:**收入从每月 200 万美元(Q1)增长至 260 万美元(Q4)。企业客户细分市场在 Q4 贡献了 150 万美元(高于 Q1 的 68 万美元),而中小企业客户细分市场收入从 130 万美元降至 110 万美元。
**背景:**总收入高于计划 15%。企业客户增长率(120%)远超行业平均水平(25%)。中小企业客户流失率在 Q3-Q4 从 5% 翻倍至 10%。
**意义:**产品在企业客户细分市场实现了强劲的市场契合;中小企业客户定价或功能集可能不匹配。企业客户收入现在占总收入的 58%,而 Q1 时为 34%,使收入来源多样性降低。
行动:
- **优先事项:**为 Q1 招聘 2 名企业客户销售主管,加倍投入企业客户销售策略
- **解决问题:**在 Q1 推出中小企业年度方案以减少客户流失;访谈流失的中小企业客户,找出问题所在
- **监控指标:**企业客户赢单率、按方案类型划分的中小企业客户流失率、收入集中风险
交付格式
创建 visualization-choice-reporting.md,并包含以下部分:
**1. 问题:**你要用数据回答的问题(例如:“过去一年收入走势如何?”)
**2. 数据摘要:**来源、时间段、粒度、维度、数据量(例如:“分析数据库,2024 年 1 月至 12 月,按月统计,按细分市场划分的收入,共 24 行”)
3. 可视化:
- 选定的图表类型(例如:“带注释的多折线图”)
- 选择理由(为什么选择此图表?问题类型、数据结构、图表优势)
- 设计决策(Y 轴刻度、标签、注释、颜色)
- 图表规格(嵌入图像、代码,或包含坐标轴、系列、注释的详细规格)
4. 叙事:(采用上述“标题 → 模式 → 背景 → 意义 → 行动”结构)
- 标题:以洞察为先的一句话
- 模式:你看到了什么
- 背景:与基准、目标或历史数据相比
- 意义:为什么重要
- 行动:下一步该做什么
**5. 验证:**根据评分标准进行自检(清晰 ✓、准确 ✓、有洞察 ✓、可执行 ✓、无障碍 ✓)
**6. 附录(可选):**原始数据、考虑过的替代方案、统计检验、假设
完整模板及示例请参阅 resources/template.md。
常见错误
图表选择错误
❌ 类别超过 5 个时使用饼图: 难以准确比较角度 ✓ 改用水平条形图: 在共同尺度上的位置更准确
❌ 分类数据使用折线图: 暗示了实际并不存在的连续性(例如,按产品划分的收入) ✓ 改用条形图: 展示离散类别
❌ 3D 图表: 透视效果会扭曲数值,也不会增加信息 ✓ 使用 2D 图表搭配颜色或大小: 更清晰、更准确
设计错误
❌ 纵轴不从零开始(条形图): 会夸大差异 ✓ 条形图或柱状图的纵轴从零开始: 视觉比例准确
❌ 双纵轴且刻度不同: 会造成误导性的相关性 ✓ 使用小倍图或将指数设为 100: 比较形状,而非刻度
❌ 彩虹配色方案: 不利于色盲人士辨识,也没有感知顺序 ✓ 使用顺序色(浅→深)或发散色(蓝→白→红)调色板
叙事问题
❌ 标题:“按月划分的收入”: 仅描述内容,没有洞察 ✓ “收入同比增长 30%,由企业业务推动”: 优先呈现洞察
❌ 缺少背景:“收入为 260 万美元”(与什么相比?) ✓ 添加基准:“收入为 260 万美元,比 225 万美元的目标高 15%”
❌ 只描述模式,不说明意义:“收入增长了”(那又如何?) ✓ 阐释意义:“收入增长了 30%,表明企业产品与市场契合度较高,并为 2025 年的招聘计划提供依据”
❌ 没有行动建议:以“有意思的模式”结尾 ✓ 提出建议:“招聘 2 名企业业务客户经理,调查中小企业客户流失情况”
资源
- 简单案例: 使用 resources/template.md,按提炼问题 → 选择图表 → 构建叙事的流程进行
- 复杂案例: 学习 resources/methodology.md,了解仪表板、小倍图、交互式可视化和高级图表类型
- 自我评估: resources/evaluators/rubric_visualization_choice_reporting.json
延伸阅读:
- Cole Nussbaumer Knaflic 著《用数据讲故事》(图表选择、去除冗余、叙事)
- Edward Tufte 著《定量信息的视觉呈现》(原则、图表冗余、数据墨水比)
- Stephen Few 著《数字的呈现方式》(仪表板设计、感知原则)