【商业数据可视化每日一图】
成功的职场人士都有一个共同点,那就是将工作成果以可视化的方式呈现在别人面前,将需要表达的内容以图形的方式一目了然地展现出来。
将你的商业数据可视化听起来是一门技术活,但绝不是复杂的活,而是将复杂变成简单的艺术。
为了提高你对可视化的认识,我决定发布一组商业数据可视化图表,帮助你更好地理解数据,提升数据表达的能力。
今天给大家介绍的是面积图
面积图简介
面积图又叫区域图。 它是在折线图的基础之上形成的, 它将折线图中折线与自变量坐标轴之间的区域使用颜色或者纹理填充,这样一个填充区域我们叫做面积,颜色的填充可以更好的突出趋势信息,需要注意的是颜色要带有一定的透明度,透明度可以很好的帮助使用者观察不同序列之间的重叠关系,没有透明度的面积会导致不同序列之间相互遮盖减少可以被观察到的信息。
和折线图一样,面积图也用于强调数量随时间而变化的程度,也可用于引起人们对总值趋势的注意。他们最常用于表现趋势和关系,而不是传达特定的值。
面积图的构成图表类型
面积图
适合的数据
两个连续字段数据
功能
观察数据变化趋势
数据与图形的映射
两个连续字段分别映射到横轴和纵轴上
适合的数据条数
大于两条
面积图分类面积图有三种常用的类型:
标准面积图:所有的数据都从相同的零轴开始。
标准面积图适用于展示或者比较随着时间连续变化的定量。
在需要绘制大量数据系列的情况下,折线图通常是更清晰的可视化表达方式

标准面积图在表达部分在整体中的变化趋势方面是完美的。
堆叠面积图:每一个数据集的起点不同,都是基于前一个数据集。用于显示每个数值所占大小随时间或类别变化的趋势线,堆叠起来的面积图在表现大数据的总量分量的变化情况时格外有用。
堆叠面积图适用于可视化“部分-整体”的关系,这有助于我们展现各分类及总体的发展趋势和相互之间的关系。
值得注意的是,堆叠面积图与标准面积图不同,某一分类的值并非与纵坐标完全对应,而是通过折线之间的相对高度来表达。
因此堆叠面积图不会出现不同分类的数据点被遮盖、被隐藏的状况。

当要表达多数据系列中部分与整体的关系,或者是表达累加的数据集,堆叠面积图就派上用场了。
百分比层叠面积图用于显示每个数值所占百分比随时间或类别变化的趋势线。可强调每个系列的比例趋势线
百分比堆叠面积图适用于展现每个类别与整体的关系。在这种情况下,累加的总数不重要,我们要观察的是不同类别(例如Organic Search)在不同时间(例如JAN、FEB、MAR、APR)的相对高度以及与整体的关系。

1)适用场景:展示时间维度上变化的值
面积图适合展示时间维度上的变化,或者用于展示累积数据。例如可用于展示股票或者基金市场上的随着时间变化的累积收益。

2)适用场景:包含多组值
下图使用区域图展示了 1986 至 2005 年 ACME 和其竞争对手每年的股票价格对比。

3)适用场景:带有负值
下图显示的是某公司在 Florida、Texas、Nevada 三个城市 1996 年 至 2015 年的收益情况,通过垂直坐标轴的正负方向很形象得表现了公司的盈利亏损情况。

4)不适用场景:面积图不适合不同分类之间的数值比较,
下图是不同游戏类型的销售情况,注意,这是个错误的示例

此场景下,建议用柱形图或其他图表会更合适
面积图和折线图对比面积图和折线图都是展示时间或者连续数据上的趋势,折线图相互之间不进行遮盖,可以用于显示更多的记录。
面积图可以进行层叠,非常适合观察总量和分量的变化。
面积图和柱状图对比面积图主要展示时间或者连续数据上的趋势,柱状图主要展示的是分类数据的对比。
面积图和柱状图都可以进行层叠,都可以观察总量和分量的变化,观察各个分量的占比。
总结:面积图在可视化制作中越来越受欢迎,但如果没有合理的设计,它们表达的数据信息将很难传达出来,更别说理解了。
想提高面积图的可读性,以予以下几个建议:
面积图是折线图的变种,所以同样要遵循X轴为时间轴、时间间隔必须相等的原则。面积图中对比的数量不要太多,一般来说只建议一组数据。面积图中如果有多组数据,可能会互相遮挡,建议调整数据顺序,同时使用透明色,确保最大值和最小值均能呈现出来