数据新闻概论（第二版）第7章 如何在新闻中应用数据可视化

第７章

如何在新闻中应用数据可视化第１节 新闻中数据可视化的常见类型

正如第６章中分析的，数据新闻存在不同的呈现形式，数据可视化只是其中最重要的形式。不是所有的数据新闻都适合或需要运用数据可视化。中国天气网“气象数据可视化工作室”负责人张永宁认为：

可视化最重要的功能是便于读者理解。由于可视化要耗费时间和精力，因此我们在判断要不要做可视化的时候，一个关键的标准就是气象数据量的大小以及能否通过可视化得到有价值的信息。在能通过数据挖掘发现对公众有用或者有趣的规律时能够找到向用户进行解读的焦点，同时数据量足够支撑起可视化设计时，才适合做可视化。

我们无法穷尽所有的数据可视化的类型，但是现有的数据新闻实践为我们提供了以下三种常见类型：静态信息图、动态可视化、交互可视化。第１节 新闻中数据可视化的常见类型一、静态信息图

在第６章中曾介绍数据可视化的发展历史，数据可视化在诞生之初就是以静态信息图为主要呈现形式的。

常见的信息图：产品说明书、教材、股票行情图、防灾手册、旅游标识、导航地图等。

而静态信息图在数据新闻中频繁出现，尤其是报刊等平面媒体。它们多年来对于应用这样的静态可视化更为得心应手。

信息图栏目：《新京报》的“新图纸”、《广州日报》的“数读”、《新民晚报》的“新民图视绘”、《钱江晚报》的“图视绘”等。这类信息图栏目的选题一般分三类：

一类是与当下的新闻事件相关的选题的统计图，如“世界杯”、埃博拉病毒肆虐等；

一类是对与时令节气相关的百姓关注话题或是百姓熟知事物做另一面的图解，如夏季如何防暑降温，二手烟有何危害等；

还有一类是对有关机构发布的调查报告的图解，如国内癌症高发地图、年度交通事故调查报告等。第１节 新闻中数据可视化的常见类型一、静态信息图

除了报刊媒体，国内网站的数据新闻栏目也多以静态信息图的可视化形式为主，因为这种可视化设计的技术门槛较低，对于设计师而言最容易上手操作，且制作时间短，符合新闻对时效的要求，而对于媒体而言投入相对较低，更便于推广。

曾获得1995年国际新闻设计协会（

SND）Malofiej国际信息图设计金奖，并于2009年担任

SND国际大赛评审的木村博之认为，理想的信息图有以下五个要素。

第一，吸引眼球，令人心动。以核心的图文和构图设计为信息注入吸引力，让读者以最直观的方式理解信息内容。

第二，准确传达，信息明了。明确自己想传达什么，是出于何种目的，为了谁而设计，这种思考方式在制作图文时必须贯穿始终。

第三，去粗取精，简单易懂。在信息图中，信息不是越多越好，大胆舍弃冗余信息也是一种设计能力。图中保留的信息，要能以最小的量产生最大的效果，让读者第一眼就能明白所传达的意图。

第四，视线流动，构建时空。制作信息图时要充分利用人的阅读习惯，认识到视线移动的顺序可以帮助我们找到版面的视觉中心，并通过图文中元素的位置安排来呈现时间的变化，这有助于信息图表现出如透视图般的远近层次感。

第五，摒弃文字，以图释义。最理想的信息图无须文字，仅以图形传达信息，其内涵依然能被读者充分理解。为此，设计师需要运用适用于所有人的通用化设计方法。第１节 新闻中数据可视化的常见类型二、动态可视化

与静态可视化相比，动态可视化使视觉元素不再呈现静止的状态，而是将一系列画面组接，使之在屏幕上形成动态影像。动态可视化可以在一定程度上增加画面的场景化，更容易将用户带入情境。常见的动态可视化包括GIF动态图片、动态图表、动画新闻、融新闻摄影与动画为一体的视频新闻。

GIF动态图片在动态可视化中相对容易实现，它的原理就是将具有一定逻辑联系的多个静态图进行组接，用Photoshop就能实现。

动态图表是指那些视觉元素能够动态显示的信息图表。制作动态图表需要具备一定的网页前端开发基础，并结合Echarts、D3等基于JS的可视化库来实现。第１节 新闻中数据可视化的常见类型二、动态可视化

做动态可视化最有经验的媒体当属电视台，因为电视新闻从某种角度看实际属于动态可视化的范畴，只是电视新闻未必都是数据新闻。

伴随媒介融合进程的加剧，平面媒体和网站也开始推出动态可视化，“苹果动新闻”就是早期的尝试。“苹果动新闻”是由香港壹传媒公司旗下《苹果日报》推出的一项新闻服务，于2009年11月在台湾首创，其后台湾版和香港版均在Youtube上线。“苹果动新闻”以新闻影片、旁白配音和3D动画模拟新闻现场，曾遭到台湾市民和学者的抨击，认为其将动画新闻与真实新闻混为一谈，并在性和犯罪新闻中过度还原，违背新闻伦理。第１节 新闻中数据可视化的常见类型二、动态可视化

从动画新闻的角度看，目前在数据新闻领域比较流行的动画新闻形式主要是MG（Motion

Graphic）图形动画，也就是把图形和动画相结合。制作这种动画需要完成如下工作：

写文案；完成包括配音、音乐和音效等声音的创作；设计分镜头脚本；绘制场景、人物等图形素材；运用合成软件After

Effects、剪辑软件Premiere把上述元素整合设计成一个MG动画。

值得注意的是，大多数数据新闻专家并不提倡采用动画／视频新闻的形式来呈现数据，因为这种稍纵即逝的呈现方式不利于用户对数据新闻中数据信息的接收和深度理解。但是因为目前无论国内外，短视频和动画都受到用户的追捧，在数据新闻领域推出的一些动画／视频新闻往往能获得更高的关注度，所以越来越多的媒体愿意投入动画／视频新闻的生产。第１节 新闻中数据可视化的常见类型三、交互可视化交互可视化虽然具有上述优点，但是它的应用也有限制。

首先，不是所有数据新闻都需要做成交互式设计，适合交互式设计的作品应该从内容上具有交互属性，属于比较贴近用户的选题。而且其需要具备

一定的数据量和数据的维度，而其他类型数据可视化无法充分呈现和展示。

其次，交互可视化设计的技术门槛较高，一般都需要制作者具有编程能力。目前国内数据新闻团队人员的构成与英美等国不太相同，很多媒体只配备

了文案编辑和可视化设计师。这样的人员配置难以胜任对庞大复杂数据的

分析或前端开发设计的工作。

此外，时间成本也需要衡量，一般的数据新闻栏目需要保持日常定期更新，而制作交互可视化作品往往需要较长的时间跨度。选题策划、数据收集和

呈现设计等各环节的工作都需要相应提前，所以如果没有大型数据新闻团

队的人员配备和协作，则难以在规定的时间内保持稳定的更新。第２节 数据可视化的步骤一、明确可视化的目标，分析和研究数据明确可视化的目标，分析和研究数据是数据可视化的第一个步骤。

首先，可视化应该有一个清晰明确的目标。然后依据这个目标来分析和研究数据。数据新闻团队应该清楚如下问题：在自己操作的选题中哪些是适宜用可视化方法来传播的，自己想呈现的数据是什么，其中重要的部分有哪些，和用户相关的数据有哪些，怎样通过可视化的方式使用户获得信息增量、情感增量和审美增量。

其次，谈及分析和研究数据，有人或许会质疑，在数据新闻制作中不是已经对数据进行整理和分析了吗？这里的分析是不是一种重复劳动呢？实际上，数据可视

化只是数据新闻的一种呈现形式。当媒体旨在通过包括可视化在内的多种方式进行数据新闻传播的时候，就需要在前期数据分析的基础上进一步分析和研究数据如何应用于可视化。其前期的分析着重在数据“新闻价值”的挖掘，后期的工作则着重数据的“呈现价值”的分析。当然，有时媒体只考虑用可视化方式呈现数据，那么这两个数据分析的过程便会重合。

媒体做数据新闻收集的数据往往量级庞大，但是一个可视化作品呈现的数据是有限的，所以考虑数据的“呈现价值”就需要对数据再次进行研究分析。第２节 数据可视化的步骤一、明确可视化的目标，分析和研究数据（一）观察和分析数据的类型

不同的数据类型要匹配不同的可视化模式，设计之前应该先观察和分析数据属于下列哪种类型。１．时序数据

时序数据指数据随着时间变化而变化。它能告诉用户：什么在伴随时间的改变成为过去，什么仍然保持不变，变化的趋势是更好还是更糟；这种变化的规律何在，是否有循环出现的模式；变化中有没有出现出乎意料的波动，其背后可能潜藏的原因是什么。２．空间数据

空间数据是带有物理空间坐标的、与地理位置信息相关的数据。空间数据的数据对象大多来源于科学计算和实验探测。３．层次和网络数据

层次数据是表达个体之间的层次关系（包含或从属）的数据；网络数据指不具备层次结构的关系数据。４．文本数据文本数据以文字为记录形式，可分为单文本、文档集合和时序文本数据。５．跨媒体数据跨媒体数据包括图像、视频、音频和数字生活记录等数据。第２节 数据可视化的步骤一、明确可视化的目标，分析和研究数据（二）分析数据中的变量数量，探索变量之间的关系

数据集中可能含有少量变量，也可能是许多变量的组合。在可视化之前需要分析可视化数据的部分有多少变量，变量之间存在怎样的关系，如何通过可视化的方式来展现这种关系。第２节 数据可视化的步骤一、明确可视化的目标，分析和研究数据明确可视化的目标，分析和研究数据是数据可视化的第一个步骤。

可视化应该有一个清晰明确的目标。在自己操作的选题中哪些是适宜用可视化方法来传播的，自己想呈现的数据是什么，其中重要的部分有哪些，和用户相关的数据有哪些，怎样通过可视化的方式使用户获得信息增量、情感增量和审美增量。

当媒体旨在通过包括可视化在内的多种方式进行数据新闻传播的时候，需要在前期数据分析的基础上进一步分析和研究数据如何应用于可视化。其前期的分析着重在数据“新闻价值”的挖掘，后期的工作则着重数据的“呈现价值”的分析。

媒体做数据新闻收集的数据往往量级庞大，但是一个可视化作品呈现的数据是有限的，所以考虑数据的“呈现价值”就需要对数据再次进行研究分析。第２节 数据可视化的步骤一、明确可视化的目标，分析和研究数据（一）观察和分析数据的类型

不同的数据类型要匹配不同的可视化模式，设计之前应该先观察和分析数据属于下列哪种类型。１．时序数据

时序数据指数据随着时间变化而变化。它能告诉用户：什么在伴随时间的改变成为过去，什么仍然保持不变，变化的趋势是更好还是更糟；这种变化的规律何在，是否有循环出现的模式；变化中有没有出现出乎意料的波动，其背后可能潜藏的原因是什么。２．空间数据

空间数据是带有物理空间坐标的、与地理位置信息相关的数据。空间数据的数据对象大多来源于科学计算和实验探测。３．层次和网络数据

层次数据是表达个体之间的层次关系（包含或从属）的数据；网络数据指不具备层次结构的关系数据。４．文本数据文本数据以文字为记录形式，可分为单文本、文档集合和时序文本数据。５．跨媒体数据跨媒体数据包括图像、视频、音频和数字生活记录等数据。第２节 数据可视化的步骤一、明确可视化的目标，分析和研究数据（二）分析数据中的变量数量，探索变量之间的关系

数据集中可能含有少量变量，也可能是许多变量的组合。在可视化之前需要分析可视化数据的部分有多少变量，变量之间存在怎样的关系，如何通过可视化的方式来展现这种关系。第２节 数据可视化的步骤二、根据数据类型匹配适宜的可视化模式

在可视化领域，有一些经过行业多年摸索而形成的规律，不同的数据类型需要适合展现数据特征的可视化模式来匹配。设计者需要对这些模式有所了解，才能在此基础上保证数据传达的准确性。

《高级展示设计》一书的作者安德鲁·阿贝拉曾在其博客上刊发了一幅图《图表建议》，告知人们如何选择匹配的图表类型。阿贝拉将图表以设计者想呈现的目的分为四大类，分别是比较（comparison

）、联系（

relationship）、分布（distribution

）和构成(composition），并根据这四大类匹配适宜的图表类型。阿贝拉的图

标建议更多地集中于统计图表的使用，在新闻实践中人们对于数据可视化模式的探索要更为深入和多样化。第２节 数据可视化的步骤二、根据数据类型匹配适宜的可视化模式（一）时序数据的可视化

呈现时序数据的可视化模式较多，其中主要包括折线图、柱形图、条形图、堆积图、日历热图等。《华盛顿邮报》报道中通过折线图来呈现随时间变化人们观看视频方式的变迁第２节 数据可视化的步骤二、根据数据类型匹配适宜的可视化模式澎湃《美数课》用条形图呈现十年间各级学校数量的变动网易《数读》用堆积图展现美国不同年份不同收入的所得税纳税额和收入份额之间的对比关系第２节 数据可视化的步骤二、根据数据类型匹配适宜的可视化模式美国NPR的数据记者马特·斯蒂尔斯根据《纽约时报》的数据制作的日历热图显示美国生育率在一年中的变化规律当时序数据的数量较多时，将时间轴设计成环形也是不错的选择。财新传媒的百年诺奖报道中就对时间轴做了巧妙的处理第２节 数据可视化的步骤二、根据数据类型匹配适宜的可视化模式（二）空间数据的可视化

空间数据多为地理数据，往往通过地图来呈现。可将数值映射在地理坐标系中，以展现不同地区之间的联系和差异

地理数据有独特的数据格式，地理数据的差异可用不同的地图形式来呈现。

地图可分为单一图、类别图、渐进图、气泡图、聚合图、热力图、时态图等。第２节 数据可视化的步骤二、根据数据类型匹配适宜的可视化模式单一图

就是单一符号图，是将一种数据统一渲染成同样的颜色、形状和大小的地图形式，点、线、面的数据都可以在单一图中展现。《华盛顿邮报》在报道美国的电网分布时就采用了单一图，图中只有电网线路这一种数据。第２节 数据可视化的步骤二、根据数据类型匹配适宜的可视化模式类别图

是指用色相的差异来渲染区分不同字段数据的地图形式，也可用来展现点、线、面的数据。德国《每日镜报》在报道柏林不同类型的空间使用时就采用了类别图，用色相来区分柏林的城市中不同类型的空间使用第２节 数据可视化的步骤渐进图

是按照一定的规律对地理数据的值进行分段后再以不同色彩（色相或明度）的差异来渐次渲染的地图形式。澎湃新闻《美数课》在报道中引用的地图就是渐进图，图中将数据进行分段后运用色彩的明度差来表示数据之间的渐进关系第２节 数据可视化的步骤气泡图

是用气泡来渲染地理数据的图形，其中的气泡只适用于点的数据，不能用来展示线或面的数据。气泡图中可以通过气泡的色彩和面

积的不同来展示数据的差异。路透社报道2016-2017菲律宾警方在禁毒过程中的不当枪击行为造成611名嫌犯在送医途中身亡的事件时，用气泡图展示枪击发生的不同地点，并以不同面积的气泡展示这些地点嫌犯死亡数量从1至7人不等的区别第２节 数据可视化的步骤聚合图

是把点的数据统计到规则的多边形后，再采用面的渐进图的方式对这些规则的多边形进行渲染的地图形式。2015年，获得“信息之美”奖数据新闻类别金奖的作品德国时代在线发布的《德国的统一》中运用聚合图展示联邦德国和民主德国之间在经济指标和生活方式上的差异第２节 数据可视化的步骤热力图是以特殊高亮的形式来渲染具有显著高值的点的数据的地图形式。澎湃新闻《美数课》编译的报道中以热力图的形式来展现光污染的状况，光污染严重的区域在图中以高亮的形式凸显第２节 数据可视化的步骤时态图

是将不同时间段的数据按照一定的时间间隔进行显示的地图形式。时态图采用了动态可视化形式，所以我们没法在这里做出完整的展示，只能截取其中的一个片段的图形。

相比其他类型的数据可视化，空间数据可视化因为涉及地图，需要格外谨慎，避免因为错绘地图而造成事实性差错和政治性差错。第２节 数据可视化的步骤（三）层次和网络数据的可视化

层次和网络数据常用树图、圆堆积图、弦图、节点链接图等形式做可视化。树图

指树状结构图，它用一种嵌套式矩形显示层次数据的关系，并通过每个部分的面积大小来显示该类别的数量。《新京报》报道中用了六张树图来对比不同年代的暴雨天数第２节 数据可视化的步骤圆堆积图

类似树图，但它将矩形改为圆形，用圆形面积的堆积来展示层次数

据。财新传媒运用圆堆积图展现

全国的博物馆在拥有文物数量上

的关系，从图中可以清晰地看到故宫博物院和中国国家博物馆的馆藏最为丰富财新传媒运用圆堆积图展现全国的博物馆在拥有文物数量上的关系，从图中可以清晰地看到故宫博物院和中国国家博物馆的馆藏最为丰富第２节 数据可视化的步骤

与上两种图形着重展示层次数据不同，弦图更利于表现不同数据对象之间的相互关系。

在弦图的圆周上分布着节点，点与点之间以弧线连接以显示当中关系，然后通过每个圆弧的大小比例给每个连接分配相应的数值。

弦图还可以简化为只显示节点和链接的图形，强调数据之间的相通之处。第２节 数据可视化的步骤二、根据数据类型匹配适宜的可视化模式节点链接图

也被称为网络图，用来显示事物之间的关系，节点通常用圆形指代，节点之间的链接可以是定向的也可以是不定向的。节点链接图还适合用于呈现基于社会网络分析的数据可视化。第２节 数据可视化的步骤（四）文本数据的可视化

文本数据的可视化在生活中较为普遍，比如思维导图、流程图、知识结构图等。

对文本数据进行可视化需要对文本的词汇、语法或语义等不同级别进行信息挖掘。目前常见的文本数据挖掘多集中于词汇级，语法和语义级的挖掘较少。

词云图在文本数据的可视化中使用最为普遍，在对文本数据进行挖掘和分析后也可采用其他类型数据的可视化模式来展示。

如澎湃新闻《美数课》对近４０年政府工作报告中的词汇做分析后所作的图形就在一定程度上结合了时序数据的可视化模式。第２节 数据可视化的步骤（五）跨媒体数据的可视化

跨媒体数据以图像、音频、视频、网络日志等数字生活形式存在，这类数据的可视化相对复杂，目前国内外多处于探索阶段。

比如《彩色的声音》就是对音频数据进行可视化。再如清华美院向帆老师的团队曾用代码将春晚视频的每秒画面截取下来，然后按照时序排布，把时间轴卷曲后发现春晚的视频也可以用这种方式来可视化。第２节 数据可视化的步骤二、根据数据类型匹配适宜的可视化模式

以上介绍的是一些基本的可视化模式，适合初学者。如果想要推陈出新，首先需要熟练掌握基本模式，然后就需在日常工作中更多地涉猎、思考、积累。

数可视创始人兼CEO黄志敏认为，相比国外的数据新闻，中国媒体在设计和经验上略有欠缺，“设计本身需要形成风气和长时间积累，中国的媒体设计水平相比美国有很大差距。设计不像写代码，需要一定的过程，只能在不断地实战中积累经验”。财新传媒数据新闻中心主任黄晨也强调积累的重要性

必须有储备有基础。即使是我们，大家会觉得我们已经是中国最好的数据新闻团队之一了，仍然需要不断学习不断充电，我们会定期查看各个主流的国

外媒体，看它们最好的作品。看的原因是什么？你需要有积累。最差的是我

平常不看，但我今天要做东西，于是现去找。……这其实跟学习语言很像，

你要先有输入才有输出，我今天去看这些案例不是为了做其中任何一个选题，只是因为我需要了解。你看得越多，你在库里积存的这种工具就会越多，当

你要用的时候，你就知道选哪一种方式比较好。第２节 数据可视化的步骤

有创意的设计往往并不满足于仅仅采纳基本模式，而需要根据新闻内容对基本模式做适当的变形和场景化处理。

《卫报》在报道生育话题时采用当下国际流行的手绘风格对柱状图做了形象修改。第２节 数据可视化的步骤

除了对基本图形做了相应的改变，在可视化过程中还需要创意场景，使场景和报道主题匹配，令读者一看就产生共鸣。

如财新传媒报道《专利药为什么这么贵》时，将专利药从实验室到药店的过程用动态可视化呈现。动画画面中，大量五颜六色的圆点代表化合物从左到右经历层层筛选成为胶囊形状的实验药品，再经历筛选后才被许可上市。每一关，圆点数量都会大幅度减少，如此形象且直观地体现出专利药从研发到上市过程的把关之严。第２节 数据可视化的步骤三、选择合适的工具实现可视化设计数据可视化的第三步是选择合适的可视化工具。

这种选择基于两点：一是设计师欲达到的可视化目标；二是设计师或团队所具备的软件熟悉程度与计算机水平。下面对目前较为常见的可视化工具做简单介绍。１．设计静态信息图

Excel：虽然可视化功能并不强大，但是由于Excel很普及，从而成为很多人快速了解可视化的理想工具。Excel可以制作各种基本的统计图表，即使不能采用Excel设计最终的作品，也不妨用之来做设计之初相互沟通用的草图。

Tableau：可以快速上手的数据可视化软件，包含大量图表类型，且可以呈现一定的交互效果。

Adobe

Photoshop和Adobe

Illustrator：Photoshop和Illustrator这样的绘图软件是作为入门菜鸟必备的信息图设计工具。这两件利器基本能满足静态信息图设计的所有需求。第２节 数据可视化的步骤三、选择合适的工具实现可视化设计２．设计动态可视化AdobePhotoshop：可完成GIF动态图片的制作。

Adobe

After

Effect：Adobe公司旗下动态图形设计工具和特效合成软件，专长在视频剪辑、设计与特效合成。

Adobe

Flash：一款二维矢量动画软件，适合做网页交互效果和MG动画。

Premiere：一款剪辑软件，用于视频段落的组合和拼接，并提供一定的特效与调色功能。

另外，动态图表则需要运用一定的交互可视化工具和网页前端开发技术。第２节 数据可视化的步骤三、选择合适的工具实现可视化设计３．制作交互可视化

Echarts：百度开发的可视化图表库，一款可视化开发库，底层用的是

Java-script封装，所以可以在网页HTML中嵌入Echarts代码显示交互式信息表。

R：一款结合了数据分析和可视化的开源工具，图形功能强大，拥有几千种软件包，可实现交互可视化的设计。

Processing：一款计算机程序语言，是Java语言的延伸，并支持许多现有的Java语言架构，其创始人来自美国麻省理工学院媒体实验室旗下的美学与运算小组。Processing是可视化领域最常见的开源编程语言之

一。其兄弟项目Processing.js是Processing的Web版本，可用来创作数据艺术作品、交互式动画、视频游戏等。D3（

Data

Driven

Documents）：一个用于网页