北京儿童插座价格联盟

数据可视化在新闻报道中的应用

只看楼主 收藏 回复
  • - -
楼主

    点击上方“人民日报社技术部”订阅

摘要

       本文分析研究了国内外数据新闻可视化的发展状况及数据新闻可视化的应用背景,分析研究了数据新闻可视化的技术现状,总结归纳了数据可视化在新闻报道中的有效模型,以及这些模型在信息传播报道中的应用场景。本文还就自主研发的适用于报业数据新闻可视化的工具NewsViz(News Visualization),阐述了 NewsViz的设计思路、实现方法及其应用特点。本文提出的研究成果是报业在数据新闻可视化制作方面的新突破,为推动媒体融合发展提供了新思路。

关键词:数据新闻可视化;可视化新闻模式;媒体融合;NewsViz

引言

随着信息技术和数据科学的飞速进步和革新,。面对爆炸式增长的海量信息,如何让读者快速准确地获取到关键的重点的信息,创新新闻传播报道方式,改进新闻生产模式,通过数据挖掘技术获取既有广度又有深度的数据信息,将分析和过滤后的数据,通过可视化的数据图表呈现出来,讲述新闻事件背后的故事,一目了然地让读者获取关键和相关的知识,已经成为了新闻传播方式的一种趋势。在这种趋势的引领下,数据新闻可视化应运而生。

本文从数据可视化和数据新闻的理论研究展开,对比分析了国内外数据可视化在新闻报道中应用的现状,总结出了报业数据新闻可视化发展存在的瓶颈。对于目前报业内缺乏数据可视化技术工具的支持的困境,我们通过对目前常见可视化技术工具进行分析,梳理了可视化模型在传达信息、揭示数据关系规律中的不同特性,提出了数据可视化在新闻报道中的模式以及有效模型。基于上述研究研发出了一款能够适用于报业的数据可视化工具NewsViz,推动报业数据新闻可视化的发展。

1

数据新闻可视化的应用及技术研究现状

在数字新闻领域,可以说英国的《卫报》是可视化新闻报道的引领者。在《卫报》众多的可视化作品中,我们可以看到其可视化多采用交互式图表、数据地图以及时间线的形式来展示新闻报道。,我们可以看到其数据新闻可视化最明显的特点一是新闻事件的实时可视化,二是与新媒体的融合可视化。

随着国际新闻界数据新闻的探索,近几年国内也有少数新闻媒体机构开始对可视化新闻进行摸索和实践,通过在传统媒体和新媒体上的不断创新实践,取得了一定的成果。网易新闻制作了名为《十分之一的中国人》春节策划报道。人民网要闻部开设了《图解新闻》专栏,中央电视台综合频道的《晚间新闻》栏目的《据说春运》专题报道。国内几大门户网站,如网易、新浪、搜狐、腾讯也相继推出了自己的数据新闻专栏《数读》、《图解新闻》、《数字之道》和《数据控》。

案例1 《卫报》英国伦敦骚乱的数据新闻

案例2

数据可视化可以采取的工具千变万化,主要有图表类工具、时间线类工具、数据地图、信息图几大类。这些工具以国外工具为主,提供了标准的模板(也可以自己设计和创作模板)、相关图片、图标部件和一些小工具,可以帮助媒体从业人员完成信息图的制作。但是这些工具的共同特点是:一是学习曲线比较陡,需要有编程经验,学习门槛高;二是针对性不强,这些工具是泛用数据可视化工具,并非针对新闻报道的数据新闻可视化工具;三是不能同时支持传统媒体和新媒体的数据新闻可视化制作

2

数据可视化在新闻报道中的模式和模型

传统主题宣传新闻制作过程,一般是先定选题,接着采写,编辑,校验,最后新闻发布呈现。针对数据新闻制作过程,由传统的“采写”、“编辑”转变为“数据采集”、“数据挖掘”、“可视化数据”及“制作报告”。在新闻报道中,数据可视化的应用通常有三种方法:文字配图、用图表讲故事、数据分析结果可视化展示。

日常见到的如柱形图、堆叠柱形图、条形图、圆点图、折线图等是数据可视化中最常用的展示形式,能帮助我们直观地理解数据。同时,在可视化技术的不断发展下,网络中的图表增强了与读者间的互动,通过鼠标的点击或移动至图表区域,可以进一步显示相应的数据信息。我们将针对众多常用的可视化呈现模型,根据其特点进行分析和归类为如下表格:

表1:数据可视化在新闻报道中的模型

模型类型

模型类型

模型类型

有关时间趋势的可视化

模型类型

模型类型

模型类型

模型类型

模型类型

模型类型

有关比例的可视化

模型类型

模型类型

模型类型

模型类型

模型类型

有关关系的可视化

模型类型

模型类型

模型类型

有关差异对比的可视化

模型类型

模型类型

有关量规的可视化

模型类型

模型类型

模型类型

模型类型

数据地图可视化

模型类型

模型类型

模型类型

模型类型

其他

模型类型

模型类型

模型

折线图(Line)

柱状图(Column)

条形图(Bar)

柱线图(ColumnLine)

时间线(TimeLine)

饼图(Pie)

太阳辐射图(SunBurst)

标签云(TagCloud)

面积图(Area)

堆积图(Stack)

漏斗图

矩阵树图(Treemap)

兴趣图谱(Pinterest)

散点图

气泡图

弦图(Chord)

力引导图(Force)

树图(Tree)

热图(Heatmap)

雷达图(Radar)

平行坐标图(Parallel)

列表(list)

仪表盘

等值区域地图

地图标注

带有气泡地图

等值区域+气泡地图

柱状统计地图

地图标线

地图扩展

地图标注(时间序列)

事物符号化

动态柱线图

主详细图

事件交互图

3

NewsViz设计及实现

 1 

NewsViz系统架构

NewsViz从下至上分为中间件层、数据支撑层、可视化控件层、功能层。中间件层分为后台中间件和前台中间件两部分。后台中间件运行在服务器端,主要有:Mysql、tomcat、MyBatis、Spring等。前台中间件有DataV、echarts等第三方开源脚本。数据支撑层有两类数据,一类是与可视化制作相关的数据,例如:手工导入的excel数据、控件的脚本、控件的属性、图片等。另一类是稿件管理相关的数据,例如:我的稿件、我的作品、废弃的稿件。控件支撑层是NewsViz提供的控件,包括文本、图片、线等基础控件,也包括图表、图标等复杂控件。功能层主要包括我的工作区、可视化制作、可视化管理、可视化发布等功能。

图1  系统架构图

 2 

NewsViz技术实现

NewsViz工具基于B/S结构设计,采用Spring MVC架构,在开源的、成熟的软件基础上进行定制开发。Web服务器采用Tomcat服务器,轻量、简单、成熟、稳定。服务器端应用软件使用Java语言进行开发,使用Spring框架、使用MyBatis中间件,使用Webkit作为生成图片中间件。NewsViz工具前端UI基于DataV、D3、Raphael、JQuery、Underscore、EventProxy、echarts中间件,使用HTML5语言、Javascript语言进行开发。数据存储使用MongoDB和MySql。

NewsViz UI主要参考并继承开源可视化组件DataV,控件主要参考了echarts所提供的开源控件。NewsViz 主要依赖了下面的7个JS 库。

图2  技术架构示意图

NewsViz UI主要参考并继承开源可视化组件DataV,控件主要参考了echarts所提供的开源控件。NewsViz 主要依赖了下面的7个JS 库。

图3  UI继承示意图

4

研究的创新点

NewsViz是一个拥有自主知识产权的数据可视化工具,适用于报业在数据新闻可视化的制作,提供多种基础控件、图标控件、图表控件,除了可以制作静态信息图等可视化作品外可实现交互、动态的可视化呈现;NewsViz易使用无需编程经验,使用无技术门槛,使用简单,通过图形点击、拖拽、属性设置就可以制作数据新闻稿件,创作者无需编程能力,无需编码。NewsViz支持手机、网站、纸媒等多种稿件类型,为不同的稿件类型预先设置了不同的模板,通过拖拽、点击、设置等操作就能完成从创建稿件,编辑本文、图片、图标、图表到最终新闻稿件发布的数据新闻制作全流程。

结语

当前,媒体格局正在经历着数字技术裂变式发展带来的冲击和变革,面对信息数据洪流,一切皆可被数据化的大数据时代,传统的新闻生产方式将会被全新的数字化生产方式所取代,数据可视化技术在新闻报道中的应用也必将是未来的关键技术之一。数据新闻可视化在国内传媒领域的应用刚刚起步,我们需要投入更多的研究和关注,以期数据新闻可视化技术在新闻报道中取得更好更大地突破。

参考文献

  1. Nathan Yau,著. 向怡宁,译. 鲜活的数据 数据可视化指南[M]. 北京:人民邮电出版社,2012

  2. Julie Steele,Noah Iliinsky,著. 祝洪凯,李妹芳,译. 数据可视化之美[M],北京:机械工业出版社,2011

  3. 数据新闻手册中文2.0,http://xiaoyongzi.github.io/web/index.html

  4. 章戈浩:《作为开放新闻的数据新闻——英国《卫报》的数据新闻实践》[J],《新闻记者》,2013年6期

  5. 杜怡:,数据新闻中文网,2014 年7月13日,http://djchina.org/2014/07/13/disaster_reporting/

  6. 王忻甜: 《数据新闻在《华尔街日报》的应用》,浙江大学,2014年5月25日

注:本文已刊登于《中国传媒科技》2016年11月总第284期。

人民日报社技术部

公众号:rmrb_jsb

长按识别二维码关注我们



举报 | 1楼 回复

友情链接