400-002-1024

漂亮得不像实力派 | 袋鼠云数据可视化大屏技术解密之如何选择有效的图表

2019年5月27日 无形 文章来源:袋鼠云

漂亮得不像实力派 | 袋鼠云数据可视化大屏技术解密 之 如何选择有效的图表

 

漂亮得不像实力派
袋鼠云数据可视化大屏技术解密

袋鼠云数据可视化大屏团队拥有业内领先的数据可视化大屏故事策划、视觉设计、前端和数据开发技术实力,尤其擅长3D模型展示、基于GIS的地理信息数据展示。

目前已经为天津津南区政府、杭州互联网法院、金华市防汛防旱指挥部、浙江大学、中航金网、中国石油、南方电网、湖南国家电网、京东方等50多家政府单位或行业Top级客户提供服务,设计开发交付近100张酷炫数据可视化大屏,多次收到客户好评。2018年9月,袋鼠云数据可视化团队获得飞凤数创2018全球物联网数据创新大赛“最佳设计奖”。

《漂亮得不像实力派——袋鼠云数据可视化大屏技术解密》专栏,将和大家分享大屏背后的专业知识,一起欣赏数据可视化的颜值与内在。

对袋鼠云数据可视化大屏感兴趣的用户或合作伙伴,欢迎拨打400-002-1024,一起有颜值有实力!

第三期

数据可视化一定程度上存在艺术表达的成分,成功的数据可视化有令人屏息的美丽。成功,虽然没有唯一的“正确”答案,但确实有一些值得遵循的路线和最佳实践。有效的数据表达往往依靠于众多“原则”,本期开始想给大家分享一些袋鼠云在做数据可视化大屏过程中积累下来的一些经验和教训。

我将从基础的图表谈起,来和大家探讨如何使数据可视化大屏从仅仅成功吸引受众注意,到「成功地用数据为受众讲一个精彩的故事

数据可视化图表看起来纷繁复杂,但实际我们只要掌握其中一小部分就能满足绝大多数的需求。袋鼠云数据可视化团队总结了2018年卫报(The Guardian)DataBlog中常用的图表类型,如下:

漂亮得不像实力派 | 袋鼠云数据可视化大屏技术解密 之 如何选择有效的图表

The Guardian DataBlog 页面

  • 简单文本

  • 表格

  • 折线图

  • 条形图

  • 饼图

  • 地图

下面我们就来分别讨论这些图表。

 

简单文本

袋鼠云数栈-数据可视化套件中提供的简单文字组件。

漂亮得不像实力派 | 袋鼠云数据可视化大屏技术解密 之 如何选择有效的图表

袋鼠云数栈-数据可视化套件中提供的简单文字组件

当只有一两项数据需要展示时,我们建议直接使用数据本身。

简单文本,本身最适合展示信息。你可以试想一下,同样为了表达“实时交易额364,028元”,直接用文字和做成其他任何图表。只用尽可能突出的数字,肯定比将这些数字放在图形或表格中来得更为直观和方便理解。

漂亮得不像实力派 | 袋鼠云数据可视化大屏技术解密 之 如何选择有效的图表

因此当仅有几项指标需要展示,或者需要重点突出某项内容,使用简单文本吧,突出数字的魅力,越大越引人注意。

 

表格

袋鼠云数栈-数据可视化套件中提供的多种表格组件。

漂亮得不像实力派 | 袋鼠云数据可视化大屏技术解密 之 如何选择有效的图表

袋鼠云数栈-数据可视化套件提供多种表格组件

当需要展示更多的数据的时候,表格是一种不错的选择。

试想一下,当你看一张表格,很有可能你会逐行逐列地进行阅读,并且下意识地去比较每个格子中的值。因此它更适合「表达较多信息的场景,特别是种类较多的时候

对应的,在设计表格的时候,要注意让数据占据核心地位,不要让厚重的边框和阴影争夺受众的注意力,边框是为了数据更易读而存在的,重要的永远是数据

除此之外,有一点需要注意,表格可能会使观众不再专注听你口头表达观点,而是开始阅读表格。

 

折线图

 袋鼠云数栈-数据可视化套件提供多种折线图组件。

漂亮得不像实力派 | 袋鼠云数据可视化大屏技术解密 之 如何选择有效的图表

袋鼠云数栈-数据可视化套件提供多种折线图组件

人的视觉系统处理信息的速度更快,因此设计良好的图形,能更快地传递信息。例如折线图,用来展示连续的数据,重点在于传达空间中的相对位置和变化。因此通过点之间的连线,可以揭示离散分布的点所代表的数据之间的线性相关关系。这些相关性数据通常都以时间为单位,如小时、天、月、年。

 折线图可以展示一组或多组数据,但要注意当数据多于5组的时候会给阅读带来一定的挑战。

 

条形图

条形图是生活中最常见的图表之一。我们的眼睛通过比较条形图的末端很容易快速得出一些结论,比如最大和最小的类别,又或是类别之间的增减关系。

但是,我们的眼睛有时也会进行错误的视觉比较,比如下面的两幅图,如果你不小心忽略了y轴的起始点,那么你很有可能认为右图中C要和D直接差了很多,但实际上左右两张图展示的数据是完全一致的。

漂亮得不像实力派 | 袋鼠云数据可视化大屏技术解密 之 如何选择有效的图表

条形图的“起点”

因此,学界认为条形图底端数据必须以0为起点,即使通过改变条形图的比例能够更好地佐证观点,但其实这是明显的误导行为。

 

饼图

 袋鼠云数栈-数据可视化套件中提供多种饼图组件。

漂亮得不像实力派 | 袋鼠云数据可视化大屏技术解密 之 如何选择有效的图表

袋鼠云数栈-数据可视化套件中提供多种饼图组件

我们常见的饼图,其实在学界的“名声”并不太好,因为它并不方便阅读。人眼不擅长在二维空间进行定量的度量。当饼图的各部分大小相近时,很难判断那个部分更大。即使各部分大小差异较大时,也很难去判断某一块比另一块究竟大了多少。而如果是为了展示效果,使用3D饼图,那么对于受众而言,辨识工作就变得更加复杂。

下图就是眼睛再次欺骗我们的例子,3D的倾斜视角会使得饼图上方的部分显得距离更远,因而看起来会比实际小的多,下方部分大得多,从而更难以解读和比较。

如果只看左图,你能立刻判断出,就这项数据而言,美国要比德国的多吗?

漂亮得不像实力派 | 袋鼠云数据可视化大屏技术解密 之 如何选择有效的图表

只看左图,你能立刻判断出

这项数据美国要比德国的多吗

为了克服这一问题,对饼图或者3D图表来讲数据标签的部分必不可少。而我们也特别在数栈-数据可视化套件的3D饼图中加入了高度的对比控制,尽可能的去方便大家了解真实的数据情况。

 

地图

地图是用来展示地理信息数据最直接的方式。好的地图能将地理信息数据融入地理语境,传达高信息量的同时,表现美感。

漂亮得不像实力派 | 袋鼠云数据可视化大屏技术解密 之 如何选择有效的图表

袋鼠云数栈-数据可视化套件中的地图组件

以袋鼠云数栈-数据可视化套件为例,它提供了2D、3D多种矢量、边界、瓦片地图,支持交互、漫游,如点击下钻至区县,支持添加多层数据,每层数据都可以设置不同的展示效果,如基础的飞线层、气泡层、散点层、热力层、柱状层、风场图、提示框、标牌、环境光层、直射光层等等。通过快速选择添加地图组件,配置数据,配置展示效果。只需几步,便可轻松创建位置数据可视化项目。

漂亮得不像实力派 | 袋鼠云数据可视化大屏技术解密 之 如何选择有效的图表

袋鼠云数栈-数据可视化套件提供多种地图组件

今天我们讲了很多基本的图形。实际在运用的过程中你会发现,很多场景下并没有一个绝对正确的图形,反而经常有多种图形满足一个特定的需求。对于图表的选择,重点在于你如何清晰地描述数据逻辑,你希望受众了解什么内容,你希望突出什么内容,然后选择一种图形来明确地帮你展示这种内容。

 这里老掉牙一下,附上Professor Andrew Abela在博客上给出的关于图表的建议,大家应该在多种场合都有看到过这张图,我在这里重复给大家推荐,真的是因为它确实好用。

漂亮得不像实力派 | 袋鼠云数据可视化大屏技术解密 之 如何选择有效的图表

数据可视化思维指南

原图下载链接:

https://extremepresentation.com/chart-chooser-in-chinese/

当你选择并绘制好了图表之后,你可以将绘制好的数据可视化作品展示给其他人,并让他回答以下问题:

  • 他们的关注点在哪里

  • 他们看到了什么

  • 他们得到了什么结果

  • 他们有哪些意见和建议

这些问题会帮助你评估你选用的图表,并帮助你定位需要修改的地方。

好的图表是艺术,更是科学。数据可视化过程中一些很细微的变动都可能影响到数据信息的传达。袋鼠云数据可视化团队希望提供一些基本知识,从如何选择合适的图表到如何创造一个好的故事,让你在用数据沟通上胜人一筹。

因此也请考虑一下你有什么感兴趣或有疑问的地方,并积极地给我们留言。我们会尽快回复。

#知识多一点#


在没有其他视觉暗示时,受众通常会从左上角开始看图,然后“之”字形来回,这意味着他们会最先看到图形的上面。如果最大的列别最为重要,不妨考虑将它放在最开始,并将剩余的类别按数字讲叙排列。

 

参考资料

 

Stephen F., (2012) Show Me the Numbers

Cole N. K., (2017) Storytelling with Data,A Data Visualization Guide for Business Professionals
Andrew A., (2009) Chart Chooser in Chinese
徐军泰,(2014)左手数据,右手图表:EXcel动态图表制作于职场数据沟通