财新是怎么玩数据可视化的

殷玉鑫

一、数据新闻之我见

可视化的概念应用在新闻领域，就是数据新闻（DataJournalism）。可视化技术，将数据展现为直观的图形，以帮助理解和记忆。信息传播的可视化有三个主要分支：科学可视化、信息可视化和可视化分析。

——科学可视化，主要用于处理科学数据，如地理信息、医疗数据等，以自然科学领域为主。我们日常接触到的地图、气象图、CT等都属于典型的科学可视化。

]——信息可视化，主要用于处理抽象数据，如金融交易、社交网络和文本数据。路上看到的交通标志牌、Excel中的饼图、柱形图、折线图之类，都是我们每天都可能接触到的信息可视化作品。

——可视化分析，以可视交互界面为基础进行分析推理，综合图形学、数据挖掘和人机交互等技术。简单理解，看K线图分析股价涨跌背后的规律应该是最常见的可视化分析。

可视化概念应用在新闻领域中，就是数据新闻（DataJournalism）。数据新闻的主要表现方式包括静态信息图和互动图表。静态信息图由编辑和设计师合作完成，展示在纸面或屏幕上。在以前，信息图的制作靠手绘，现在靠设计软件，信息图往往突破版面的框架，内容比文字丰富和生动，在这个读图时代比以前更受欢迎。互动图表完全依赖互联网，因此它到这几年才随着互联网的普及而盛行。互动图表由编辑、设计师和程序员合作，通过编程在网页上实现数据可视化，再借助互联网，通过电脑或手机传播。用户通过操作电脑或手机，可以增加或筛选展示的内容，或进行可视化分析。

静态信息图和互动图表最大的区别，在于后者需要程序员介入。设计师不能再天马行空地设计图案，必须考虑程序员的编程能力和程序的限制。

二、财新传媒的数据新闻探索


]数据可视化在报道呈现中有两种利用方式：辅助理解和用图表讲故事。辅助理解类似于插图或配图，是将可视化作为文字报道的辅助手段，这也是常见的方式。用图表讲故事是不借助文字报道，独立用图表展示一个完整的故事，或引导用户接受一个接论。

以《青岛中石化管理爆炸》为例，它的核心是将爆炸现场拍摄的照片按拍摄位置还原到谷歌地图上，使用户获得身临其境的感受。在新闻的开始，先依次用几个画面，将地图逐步缩小，让用户逐步了解山东、青岛及发生爆炸的黄岛区的具体位置，配合文字描述，将事件时间、地点、起因等背景做完整的交待。

数据挖掘与可视化分析关系密切，通过将数据图形化，展示原本被忽略甚至无法发现的特征。

以《三公消费龙虎榜》为例，我们将2010年以来官方公布的90多个中央级单位的三公消费数据录入数据库，加以图形化和排序，使用户了解什么是三公消费、每个部门的支出和组成如何、人均支出如何等等。它是一个数据库，可以将枯燥的数据变得生动易懂。它不讲故事也不给结论，每个用户可以发现不同的内容。

媒体抄袭报道的事情时有发生，网络文字报道抄袭尤为严重。要解决这个问题，当然需要媒体需要自律，同时，以数据新闻形式发布新闻也有助版权保护。互动图表网页以代码支撑，可以加密。盗版需要程序员加工和适配，远比复制文字复杂。此外，每个程序员都有自己一套编程习惯，风格各异，代码的辨识度非常高，是否抄袭，非常容易辨别。

媒体都苦恼请不到好的技术人员。优秀的技术人员通常会选择在互联网、IT公司工作，或者自己创业，很少会选择到媒体工作，除非媒体能让他们在专业领域里有最大的发挥。数据新闻各个环节，包括数据挖掘、分析及可视化，都需要技术人员深度参与；加上这个领域高速发展，程序员参与数据新闻制作的过程中，能接触前沿的技术，对自身专业发展极有帮助。

三、如何建数据新闻

财新可视化实验室是一个虚拟部门，团队由三种人组成：编辑、设计师和程序员，三方是合作和互动的关系。实验室并行多个项目，每个项目按需要抽调人手组成项目组，有时还会与记者合作。

数据新闻团队由三种人组成：编辑、设计师和程序员。财新可视化实验室10名成员分布编辑部门、设计部门和技术部门。实验室并行多个项目，每个项目按需要抽调人手组成项目组，有时还会临时与不同记者合作。

传统的生产流程中，采编人员、设计师和程序员是上下游的关系。采编人员生产出稿件，然后由设计师配图和排版，再通过程序员发布出去。数据新闻要求新闻生产流程做出根本的变化，需要团队在各个环节不间断地讨论与合作。例如设计人员根据采编人员提供的素材设计图形，同时与程序员沟通，如果开发成本太高或周期太长的话要修改设计方案。在方案设计的过程中，程序员很可能反过来要求记者补充数据。一旦方案确定，设计、开发、文案同步进行。所以三方是合作和互动的关系，设计师和程序员在整个新闻制作流程中的参与度非常高。

最理想的数据新闻人选既懂新闻、又懂设计、又懂编程。但实际上，由于文理分科、高校课程设置等原因，国内找不到三项全能的复合型人材，因此只能通过团队合作来实现。庆幸的是，现在个别高校已意识到这些问题，尝试开设数据新闻实验班，对学生做综合培养。

财新开发互动图表作品，主要工具有HTML5、CSS3和JavaScript。用HTML5绘制图形和动画，用CSS3实现排版，用JavaScript处理交互和动画。学会以上技术，可视化制作门槛会迅速降低。新闻工作者都应该掌握以上三种工具。除了代码技术以外，每个数据新闻记者都必须熟练使用Excel。记者可以利用Excel清理及组合数据，也可以自定义算法，对数据进行统计分析。

四、作品个案分析

案例 1
青岛中石化管道爆炸事故
——财新记者实拍图集

2013年11月22日10时25分，山东青岛，位于黄岛区的斋堂岛街突然发生一场惊天爆炸，造成62人死亡、136人受伤。这是一次极罕见且后果严重的城市灾难，居民在厂房工作、街头下棋、买菜、行走、开车时被炸死。调查结果表明事故原因是中石化工东黄输油管道泄漏，原油进入市政排水暗渠，在形成密闭空间的暗渠内油气积聚遇火花发生爆炸。

财新记者在事件发生后第一时间赶赴现场，与后方三十余名工作人员组成联合报道组，分布在青岛、北京、上海、广州等地，24小时关注事件进展，运用新技术手段协同工作。该系列报道大篇幅多角度完整呈现了事件的始末，深入挖掘了事件根源。




图注：将爆炸现场拍摄的照片按拍摄位置还原到谷歌地图上，配合文字描述，将事件时间、地点、起因等背景做完整的交待，使用户获得身临其境的感受。

图集充分利用前方记者获取的采访信息，通过引导及交互两个界面，以数据新闻的方式呈现了事态进展，尤其是以卫星定位技术，将前线记者所拍照片标注于地图上，让读者更容易理解各爆炸点的地理位置与爆炸时间，帮助用户建立对事件起因、经过、影响等的直观感受，见证了财新团队利用移动互联网技术和新媒体手段报道重大突发事件的突出能力。

当时报道团队有30多个人，三位记者在青岛，其他人分别在北京、上海、广州等地。团队当时以微信群聊实现遥距协作，效率非常高。前方记者在赶路，看到情况就发送微信语音，后方即时打字成稿，经编辑校对、核实后发布。记者也可以用微信分享地理位置，后方团队对照地图，帮他们指路。这次报道也改变了报道流程：以后的重大报道，必须有技术人员参与其中，给予技术支持。这个报道时效性要求非常高，从实验室决定要做到写完代码，只有12个小时；从决定要做到最终上线，只花了24个小时。作品的装饰性元素很少，但很实用。上线当天，财新网（caixin.com）访问量创下记录。

报道链接：http://datanews.caixin.com/2013-11-24/100608929.html

案例 2
手机端作品：财小新带你摇车号

手机端发布信息受众广、易传播，尤其现在大家都习惯用朋友圈，分享内容非常便捷。实验室的制作原则就是移动优先，每个作品，我们都要希望分别在手机、PC各做一个版本；但如果时间不足、资源不够，我们会首先选择制作手机作品。PC和手机的操作方式不一样。用户在电脑上用鼠标可以作出精确的操作；在手机上，操作方式就不一样，用户可以单击、双击、放大、缩小、滑动、摇一摇、或者是通过音频驱动，加上不同的开放接口，例如调用音频、拍录视频等，这些因素都影响产品呈现的形式。




]这个手机端作品在2014年六月份推出，是一个典型的把新闻转变成交互游戏的例子。北京交通拥堵为控制市内车辆数量，实施购车摇号。去年六月份的车牌摇号命中率是137:1，这个比例不易理解。现在每年有6次摇号，按当月命中率来算，运气好的话，大概12年就能摇中。


但并不是很多人懂得这样算，所以我们就把这条算题，变成一个游戏，用户可以试试手气。这个项目制作只需半天时间。发布时，我们做了个朋友圈传播测试：当天我们两、三个人首先在朋友圈上分享这个作品，不加其他推广。结果第一天录得访问量3000多次，第二天有5000多次，第三天录得30多万次，第四天更高达50多万次，第一个星期的总访问量是达到150万次。我们也没有预计到作品有这样的效果，这给我们的一个启发：新闻可以做成交互游戏，我们要有意识利用手机的特点做出不同的尝试。


报道链接：http://datanews.caixin.com/page/car_lottery/

[案例 3
天猫双十一 狂欢大起底




图注：用HTML5和数据可视化进行品牌传播。由合作方提供数据，实验室对数据进行分析和提炼，并提供可视化技术支持。


该作品用HTML5和数据可视化进行品牌传播，两天获得20万访问量。由合作方提供数据，实验室对数据进行分析和提炼，并提供可视化技术支持。

作者|黄志敏 陈嘉慧
来源|传媒评论