浅析数据可视化时间线设计的几种方法.pdfVIP

浅析数据可视化时间线设计的几种方法

作者：暂无

来源：《中国传媒科技》2015年第10期

本刊实习记者|杨斯钧

伴随着信息可视化的发展，时间已经不仅仅是一种主观的体验。在可视化的表达中，时间

成为了结构化维度——它帮助我们构建稳健而直观的框架，使我们更好地建立事件间的联系。

因此，时间线可以帮助我们更好地呈现数据在时间维度中的演变。

从叙事角度来说，大部分的新闻叙事其实都是基于事件发生和发展的时间序列而讲述的。

当讲述的时间跨度较长，或是事件众多繁杂之时，传统的新闻文本式叙述就有可能力不从心。

如果将众多事件视作数据，就可以使用专门的软件制作成基于时间线的可交互的动态作品。

如伦敦骚乱报道中使用的时间线，读者通过拖动页面下方的时间滑动条，就可以动态地见

到骚乱发生时不同时间段的主要事件；点击事件的图标，就能够查看详细的事件描述（图1）。

由此可见，时间线可以清晰地向受众展示众多新闻事件之间的时间顺序甚至因果关系。更

重要的是，时间线不仅使得作品的信息量大幅度增加，而且改变了受众阅读新闻的模式。

通过引导用户滑动时间条、点击事件图标，使得新闻的沉浸感大大增强，也改变了传统新

闻的阅读模式，让新闻阅读变得如玩电脑游戏一般，大大增强了受众的参与感。

制作时间线，也并不是手工将事件逐一添加，而是先将事件的相关信息如发生时间、事件

描述制作成表单文件，再使用TimeLineMakerPro、TimeToast等专门软件生成的。本期，梅

子匠给你介绍几大套路，帮你玩转信息可视化中的时间线设计。

三维螺旋时间线

采用螺旋的方式设置时间线，可以鲜明地刻画出在时间发展过程中各个要素的变化状况。

配合三维建模，可以让很多不易观察的内容更好地展示在受众面前（图2）。

在GeologicTimeline中，设计师采用三维螺旋时间线，生动形象地展示了地质变化的情

况。并且，设计师还巧妙地将生物的起源和进化历程融入了地质演变的过程中，大大地丰富了

图片所包含的信息内容，也让整个地球的历史演变周期变得更加真实可感，立体生动。

棋盘时间线

棋盘时间线沿用的是棋盘游戏“大富翁”的棋盘设置方式。正因如此，棋盘时间线相较于

其他的时间线设置方式更显生动活泼（图3）。

Carland所采用的时间线就是非常典型的棋盘式时间线。该图按照棋盘的设置模式，生动

地展现了美国自1908年到2008年这一个世纪中美国汽车的发展状况。浅显易懂，并且在呈现

相关信息的同时也植入了丰富的设计元素。

如果你想要展示某一事件的发展进程，棋盘式时间线会是一个不错的选择。

交互时间线

与大部分时间线不同，交互式时间线并不会描绘一个完整庞大的时间路径。相反，交互式

时间线只是将各个时间节点的信息整合打包，卡片式的将这些信息布局在一个最简单的横向时

间线上（图4）。

在大英图书馆中的西方历史资源展示的信息可视化页面中，用户在页面顶部选择某一个时

间线，随后即可通过滑动底部的时间条选择某一时间节点的图像卡，并访问该卡片所包含的相

关信息。

数据时间线

数据时间线以时间为横向维度，通过标注出某一事件在不同时间所呈现的数据构成数据时

间线。

图5是纽约时报在2012年奥运期间推出的采用数据时间线的信息可视化页面。设计师选取

第一届现代奥运会到2012年奥运会的选手们的成绩，根据比赛项目的不同设置背景，以人物作

为描点，生动形象地展示了历届奥运会竞技项目成绩的变化趋势，同时也展示了比赛记录不断

刷新的过程。

关系时间线

四年一届的美国大选一直是国内外媒体关注的重点事件。并且，在每次大选期间，媒体都

会对美国大选的选举人票制度进行反复解读。即便如此，仍有不少受众无法完全理解这种制度，

其中不乏美国国民。通常，在解读美国大选的选举人票制度时，媒体都会基于地图来进行信息

可视化的呈现，但是数届大选的情况证明了这种呈现方法并没有达到媒体的预期效果。

因此，在2012年的美国大选时，《纽约时报》创新性地采用了关系时间线的架构方法，抛

弃惯用的地图形式，并使用了一种类似于树状图的结构，创作出了一个全新的解读美国大选的

选举人票制度的信息可视化作品《512PathstotheWhiteHouse》。

在图6表中，列举了512种两种候选人竞选成功的方法。按竞选演讲的时间顺序将九个

摇摆州依次排列，并在每个摇摆州都做出了“奥巴