数据可视化具体来说就是图表的设计,我们在做图表设计时候经常面临着怎么选用合适的图表,Andrew Abela 整理了图表类型选择指南:

Andrew Abela将图表展示的关系分为4 类:比较、分布、构成、联系。然后根据这个分类和数据的状况给出了对应的图表类型建议。在选用图表前首先要想清楚:你要表达什么关系。




常见的图表类型基本上以下六种,涵盖了绝大部分的使用场景:
曲线图:用来反映时间变化趋势
柱状图:用来反映分类项目之间的比较,也可以用来反映时间趋势
条形图:用来反映项目之间的比较
饼图:用来反映构成,即部分占总体的比例
散点图:用来反映相关性或分布关系
地图:用来反映区域之间的分类比较
1.柱形图
显示一段时间内的数据变化或显示各项之间的比较情况,主要使用颜色进行类型区分。XY轴的二维空间体现。柱形图适合用来显示在连续间隔或特定时间段内的数据分布,有助于估计数值集中位置、上下限值以及确定是否存在差距或异常值;也可粗略显示概率分布。
主要用于比较各组数据之间的差别或数据变化情况。


2.地图
地区分布图通常用来显示不同区域与数据变量之间的关系,并把所显示位置的数值变化或模式进行可视化处理。
我们在地图上每个区域以不同深浅度的颜色表示数据变量,例如从一种颜色渐变成另一种颜色、单色调渐进、从透明到不透明、从光到暗,甚至动用整个色谱。
主要用于体现地理位置上各项数据的情况。

3.折线图
显示随时间(根据常用比例设置)而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。
主要用于趋势分析。

4.饼图
显示每一数值相对于总数值的大小。
主要用于各部分占整体的多少说明。(建议饼图不超过8块,百分比按一定规则顺时针排序)

5.热图
热图 (Heatmap)通过色彩变化来显示数据,当应用在表格时,热图适合用来交叉检查多变量的数据。
热图适用于显示多个变量之间的差异;显示当中任何模式;显示是否有彼此相似的变量;以及检测彼此之间是否存在任何相关性。

网友评论