遇见大数据可视化 : 那些 WOW 的数据可视化案例

数据可视化的内涵并非只是专业人员才能看得的懂的图表,当你想要通过数据来宣传证明自己时,你遇到的问题是大多数人并不能看懂你的图表。那么让数据可视化的过程更加的生动有趣、通俗易懂就显的尤为重要了。

如何才能让数据可视化在面向普罗大众更容易接受和理解,甚至产生WOW的感觉呢?下面我试着通过一些具体的数据可视化案例来说明。

U.S. Gun Deaths

“U.S. Gun Deaths”是之前系列文章中出现过的美国因枪支而死亡的人的网站。在这个案例中,每一条线的灰色代表是一个人原来可以活到多少岁,但因为枪支却提前死亡了,死之前用桔色表现。一开始只是一两条线来让用户说明线条的含义,然后突然加快速度若干线线条一起出现,每条线条的颜色汇集在一起,从而直观的表现出因为枪支死亡的是中青年。

可以想象如果只是用简单一些折线图来表现,对观看者的触动就没到现在这些大,从而达不到提醒人们对枪支管理进行反思的意义。

网络的演变

“网络的演变”是谷歌推出为了说明网络技术与浏览器相互作用,让我们的网络越来越强大的网站。第一条彩带都代表一门网络技术,可以看不同时间浏览器对技术产生不同的影响,特别是手机端Safari和Chrome加入后,让网络技术变得越来越强大和复杂。

在这个网站中,横向时间轴的滚动,技术彩带上下飞动,几大浏览器的版本线通贯全场,这都是一般图表所不能表现出来的。如果不用这种方式,可能我们并不能知道浏览器的发展对网络技术的重要性。

Listen to Wikipedia

“Listen to Wikipedia”是对维基百科最近更新数据的视觉和声音展示网站。用声音表示增加或删除词,不同的音调代表不同的编辑量。绿色圆圈表示未注册的贡献者在编辑,紫色圆圈表示自动机器人在编辑。所有的用户都会产生一些小噪音,而每个编辑者会有一个特别的声音。

用声音来对数据进行展示就是本站的亮点,通过在这里聆听这些声音,那么再在维基百科贡献时就不会再感觉到孤独。更可以吸引新的贡献者参与到编辑工作中来。

The Evolution of Music Taste

“The Evolution of Music Taste”反应欧美从1958到2016年最流行5首歌变化情况的网站。在传统的折线图上加入歌手榜单的动态变化,随着榜单变化,第一名的歌曲也会变化。用户听着音乐声,回忆着一首首老歌,再听一听新歌,对音乐和时间变化的关系更加理解深刻。

榜单变化本是一个简单的事,但加入了TOP1音乐做为背景,并随时间产生相应变化。则就是非常有意思的事了,更加令人印象深刻。

Migration in the Census and in the News

“Migration in the Census and in the News”是牛津移民观察站为了展示2011年英国移民数据情况的网站,这里的数据从相关新闻中提取。做本站的意义在于他们想表达支持关于移民的平衡讨论的立场。

可以看出里对数据的表现非常直观,而不是让人看到听到的冷冰冰的数字,在一开始的动画就可以看到约有七百万移民从不同国家来到英国。随后用动态的小点来展示英国各个地区移民数据的情况。

The Refugee Project

“The Refugee Project”是阐述难民问题的网站,展示难民的时间和地点,以及他们背后政治、经济和社会的复杂故事。通过将历史背景融入到到移民的数据变化中,表达每次危机对人类生活的影响。

通过一开始的数据变化,我们可以发现难民数据竟然是上升的,仅2000年到2006年数据下降了,这说明这个世界并不太平。通过点击我们可以发现为了避难,有的人甚至跨过了半个地球。

Commonwealth War Dead: First World War Visualised

“Commonwealth War Dead: First World War Visualised”描绘了第一次世界大战期间英国因战争死亡人员的数据。试图通过可视化的方式来表现战争的残酷。

长长的横向滚动,在浏览时,我们可以看到随着战争的进行,死亡的人数在不断增加,让我们不要忘记历史。

Histography

“Histography”是一个跨越140亿年历史的交互式时间表,从大爆炸到2017年。该网站每天从维基百科和自动更新中抽取历史事件,并记录新的事件。用户可以选择观看在特定时间段内发生的各种事件。

不同于一般时间轴表现方式,这个页面用非常多的小方点来表示事件,通过在纵向维度上的堆砌,表现某一时间段的事件。而在页面缩放时,小方点们动态的变化也显的非常有趣。

Shipmap.org

“Shipmap.org”基于2012年以来所有商业航运而绘制的地图,目的是为用户展示现代商业航运的巨大规模,以及巨型船只在世界各地的路线,还有不同类型的货船的地域分布和他们生产的二氧化碳。

这个网站把所有船舶都展示了出来,而且还可以随着时间而移动,动态的展示一两个船舶的移动不能,难就难在所有船舶的移动都展示了。而且还有带背景音乐的内容介绍,以及地图的说明性游览。

Notabilia

“Notabilia”分析和可视化了维基百科中争议性条目的讨论情况。这里展示出最长的100个讨论。

这里创意的用树的形式来展示这些讨论。当用户对条目建议保留、合并或重定向时,会添加用向左倾斜的绿色线条。而用户建议删除条目时,会添加向右倾斜的红色线条。而随着讨论的进行,线条的长度以及角度会慢慢衰减。

The Network Behind the Cosmic Web

“The Network Behind the Cosmic Web”使用来自24000多个星系的数据来构建宇宙网络的多个模型,为星系融合提供了复杂的蓝图。

用3D交互式可视化可以帮助我们更好的想象宇宙网络,更方便展示模型之间的差异,让我们深入了解宇宙的基本结构。

通过上面这些案例分析,我们可以看出,这些案例首先都会有一个主题,围绕着这个主题对会对数据进行一些提纯,而不是把所有相关数据都罗列让用户自己去找答案。最后就是怎么让数据展示的更加生活和更有交互性了。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏牛客网

爱奇艺产品经理暑期实习面经【背景】【网申】【一面】【二面】

985的硕士通信专业,求职方向主要在产品经理方向。今天和大家分享一下爱奇艺暑期实习的面试经历,就是那个精英实习项目。

551
来自专栏牛客网

滴滴、携程、小米面经

1776
来自专栏web前端教室

零基础,怎么学习,才能学成一个优秀的web前端开发?

很抱歉,优秀的web前端开发都不是学出来的。都是练出来的。 一、要多写,因为很多js的书,只是看的话,是看不明白的。要写了才有自己的亲身的感受,才能没有遗漏的...

1698
来自专栏web前端教室

WEB前端新人,怎么样构建自己的“前端技术体系”?用以在面试中打败其它竞争者

毫无疑问,对于现在的前端新人来讲,尤其是培训班出身的前端新人,找工作就是一场战争。目标就是那几个工作岗位,周围的人全是敌人,没什么同伴。而在昨天的。。。文章中...

19010
来自专栏程序人生 阅读快乐

白帽子讲Web安全 - 吴翰清

《白帽子讲Web安全》内容简介:在互联网时代,数据安全与个人隐私受到了前所未有的挑战,各种新奇的攻击技术层出不穷。如何才能更好地保护我们的数据?《白帽子讲Web...

781
来自专栏用户2442861的专栏

华为社招面试(拿到offer)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/haluoluo211/article/d...

1.1K2
来自专栏web前端教室

为什么自学前端开发很难坚持下去?

自学能力,是一个程序员最基本的素质,没有之一。 不管这个程序员是大学毕业科班出身,还是培训班出来的,都一样。因为在你离开大学,离开培训机构之后,你依然要在以后的...

2046
来自专栏软件测试经验与教训

为什么面试邀请那么多,总是拿不到offer?

有很多人有这样的疑惑:自己面试邀请不少,面试的过程自我感觉也不错,但面试完就没有音讯了,为什么呢?

1864
来自专栏企鹅号快讯

阿里程序员2017年终总结:web前端最有效学习方法!让你少走弯路

趁着中午午休的,写下这一篇文章,记录当初我自学web前端走的弯路,希望大家引以为戒,不要在学习上浪费精力,浪费时间。 到今年年底结束,我做web前端开发已经6年...

2107
来自专栏黑白安全

论个人/企业信息隐私保护的重要性

前段时间一直在研究社会工程学,发现所谓的黑客们你社工我,我曝光你,个人隐私毫无秘密可言

692

扫码关注云+社区