【可视化】分享6张让你的报告瞬间高大上起来的图表 ...

葛颂

今天，我从数据分析报告出发，分享一些平时在报告中能够用上的可视化图表。
画图要义万变不离其宗：想说什么，就强调什么。有时只是在细节上的处理会有一些精妙。
这些图是我根据日常工作和学习收集整理而成，参考书目有3本：《用数据讲故事》、《用图表说话》、《Excel图表之道》。
时间精力允许的情况下，我仍旧推崇阅读原书，因为每个人在书中获得的体会一定各有不同。
本文属于“术”的范畴，不做可视化方面“道”的总结。
当然，“道”已体现在“术”中。
这6张图表分别为：温度计图、不等宽柱形图、斜率图、爬山图、波士顿矩阵图、热力图。
我将从以下3方面简单进行阐述：

• 绘图技巧
  
• 颜色参数
  
• 应用场景
  

1、温度计图

图1为双11活动期间，某电商平台每日实际营收表现。其中，红色表示实际营收，灰色表示目标营收。
红色柱子的高低起伏，就像温度计中水银的上下波动，因此得名。



图1 温度计图

要想实现“温度计”的效果，关键在于两个柱子粗细不同。
在Excel中，即间隙宽度不一样。图中配置：红色和灰色柱子间隙宽度分别为350%和200%。
颜色参数：

• 红色（十六进制，下同）：#EF6024
  
• 灰色：#EEEEEE
  

本图适用于表现实际相比于预期的达成情况。柱子“瘦高”更为好看，因此日期不宜过少。
2、不等宽柱形图

图2为4种产品的销量和单价对比情况。其中，柱子宽度表示产品销量，高度表示产品价格。



图2 不等宽柱形图

绘制不等宽柱形图相当简单：先绘制等宽柱形图，然后将等同于产品销量的柱子的颜色调整成相同的即可。
图中A、B、C、D四种产品的销量分别是50、60、30和40，因此四种产品的柱子数量比即为销量比：5:6:3:4。
颜色参数：

• A产品：#196774
  
• B产品：#90A19D
  
• C产品：#F0941F
  
• D产品：#EF6024
  

在需要同时比较两个维度之间的数据时（两个维度通常存在关联关系），不等宽柱形较为适用。
注意一点，需要手动添加和调整柱子的标签。
3、斜率图

图3为4个学生的模拟考成绩排名图，其中标注了学生姓名和对应的班级成绩。



图3 斜率图

该图实际上为折线图。学生排名通过Rank函数求得，纵坐标为逆序刻度的成绩排名，横坐标为模拟考试。
颜色参数同图2。
在需要对比少量几个项目的排名、份额的前后变化时，采用斜率图，简单明了。
4、爬山图

图4为双12活动每日营收曲线图。图中绘制每天营收表现、去年同期营收表现，以及营收总目标。
随着时间进展，营收曲线向上“爬升”，越来越逼近目标，故而称为“爬山图”。



图4 爬山图

该图实际上为三折线图（今年营收、去年营收、目标营收三条曲线）。
绘制上可以说是毫无技巧，但这是今天分享的6张图中，我最喜欢的一张：
它简洁、生动，实时展示出与去年同比的情况，还能让人一眼看出来距离目标还有多远。我曾经在某次项目看板中利用Tableau实现过，每天一次的“爬山”，让图表动了起来。
曲线颜色：#196774
5、波士顿矩阵图

图5为公司6名员工的身高体重分布图。其中，横轴代表身高(cm)，纵轴代表体重(kg)。



图5 波士顿矩阵图

该图实际上为散点图，要点有二：

• 绘图区的中心点坐标，是所有数据的平均值；
  
• 绘图区的背景，为提前准备好的四色矩形图。
  

颜色参数：

• 颜色1：#86A69D
  
• 颜色2：#F2B263
  
• 颜色3：#F2E8DF
  
• 颜色4：#F2C6C2
  

波士顿矩阵图非常实用，常用于从两个维度对比数据的分布情况。如果还要对比第三个维度，可以用气泡大小来表征。
6、热力图

图6为不同地区小说爱好者对小说分类的偏好。



图6热力图

该图实际上是大量不同颜色的小方块堆砌而成。
先计算不同地区对分类的偏好排名，然后根据总体排名的颜色分布（循序渐进，同一色系），配置每个方块的颜色。
主要颜色：#00BDFD
热力图常用于展示多维度交叉的程度深浅比较情况。绘制这个图唯一需要的是耐心（Tableau能够快速实现）。

以上，为本次分享的6张好看不失优雅、实用略带技巧的可视化图表。
除此之外，本文没有说到的，还有诸如漏斗图、瀑布图、滑珠图、子弹图等常用图表。
绘图，核心一定是，先明确主题，再选择图表。
本文的图表，自认为没有任何炫技的成分，都是在基础图表上的润色和丰富。
只要能够帮助自己讲一个完整的故事，就是好的图表。

-End-