学习
实践
活动
专区
工具
TVP
写文章

美国中期选举结束!看《纽约时报》制图大牛如何数据可视化选举的结果?

听说星标了OF COURSE 的人,都。。。很喜欢想当然!

作者:Lara Takenaga推荐:OF COURSE

在美国选举期间,我们采访了《纽约时报》图形设计部的大牛编辑们,问问他们是如何把大量投票数据变成“动态地图”,可视化美国各地区选举结果。

美国选票结算后,选民们的投票依然有很多价值。追踪投票结果的数据库能够确保投票数据无限期地存在。但这些原始数据对于普通民众来说有什么用处呢?这就是《纽约时报》图形设计部大施拳脚的地方了——他们建构了一个用于解释复杂选票数据的可视化交互地图。

这东西一发布,老美都炸了,得赶紧看看特朗普这厮还能走多远!

“交互地图”的设计者兼《纽约时报》副编辑阿奇·谢(Archie Tse)以及其他两位设计人马太·布洛赫(Matthew Bloch)和贾斯敏·李(Jasmine Lee)在最近的一次采访中详细解释了他们构建交互地图的方式,以及使用的设计方法。

“交互地图”的“交互”体现在哪呢?

阿奇·谢:我们以往构建的大部分地图都是静态的:这些静态图不必放大、不必按键操作;而“交互地图”则意味着让读者自由选择感兴趣的信息,不论是放大或是缩小数据,还是点击可选项来查看不同视图,这些互动都可以在交互地图上实现。这与我们以往呈现数据的方式有所区别。

您认为在线“选举结果地图”是交互式的吗?

贾斯敏·李:它有着更高级别的交互性,因为用户可以在这张地图上看到更多的信息。他们可以滑动或滚动浏览不同的区域,在地图的每个点上查看我们加注的不同信息。当然,前提是我们会指导用户完成这些步骤,确保他们可以看到。

有哪些人参与了“交互地图”的创作呢?为了实现这个“交互地图”又需要用到哪些技能呢?

阿奇·谢:我们部门有一个约10人的核心小组,他们都有制作“交互地图”的综合能力,比如制图知识、编程以及设计技巧。

制作“交互地图”,需要使用什么样的工具和程序呢?

马太·布洛赫:交互网页地图是软件程序,在《纽约时报》网站我们使用的是JavaScript,它在制作交互地图方面有着绝对的优势。除了编写JavaScript代码外,我们还使用了软件库(software libraries)。有了这个库,有很多东西我们不必从头构建。

阿奇·谢:用户在网站上看到的大部分信息都是我们编写的代码产品。使用的开源库(open-source libraries)有些来自全球的其他开发者,也有我们自己在开源社区共享的库。

在构建交互地图的过程中,遇到最大的挑战是什么?

阿奇·谢:在手机和电脑上实现无缝且流畅的交互操作其实非常复杂,鉴于用户在不同的设备和平台上查看我们的内容。所以我们花了很多时间弄明白为什么地图能在台式电脑和iPhone 6手机上运作,而不是在iPhone 7 Plus和安卓上运作。

处理选举相关数据时遇到过哪些困难?

马太·布洛赫:许多与选区相关的数据由当地政府控制。当我们试图制作某个州的地图时,获取数据有时就是一大挑战。

贾斯敏·李:其中一个重要的部分就是获取选区板块,有些县网站是可以直接下载公开数据或地理区块的,但这并不意味着所有区域的信息都是公开的。你得联系各个县政府,问他们要数据。如果碰到没有电子版本只能邮寄的地区,还得做数据与选区地图匹配的操作。

关于“交互选举地图”的改进?

贾斯敏·李:我们也为用户提供了探索数据的空间,希望用户在第一次访问页面时就能获取必要信息,如果用户觉得有趣,还可以深度挖掘。

您是如何想到要构建新的交互地图的呢?

阿奇·谢:交互地图的想法来自于新闻编辑室的很多不同的地方,来自我们图形设计部门以及和我们频繁合作的《纽约时报》The Upshot栏目。我们一直在思索如何帮助读者更好地了解这个世界。

关于读者的偏好?

阿奇·谢:“2016年大选超细节地图”很受读者欢迎。读者对自己所在区域的投票以及邻区的投票很感兴趣。

通常我们不会把一大堆的数据集抛给用户,但有时读者的确是希望对某个信息一探究竟,比如查看一些非常个人化的相关数据。读者可以在自己所在社区查看2016年特朗普和希拉里的投票比例以及社区反馈情况(如下图)。

Lara

对于中期选举和明年的大选计划,有什么可以分享的吗?

马太·布洛赫:我们的设计大部分是由数据驱动,也就是说,我们会根据选举当晚发生的情况,再决定如何传递这些信息。所以并没有什么提前计划的内容可以分享哦。

Lara

未来有制作其他国家“选举地图”的计划吗?

马太·布洛赫:我们会努力覆盖更多的国家。主要精力还是在构建最全面的美国“选举地图”上,因为我们的核心受众在美国。但我们也希望确保读者了解全球的选举情况。

同时,随着越来越多国际读者的加入,为不同国家制作“选举地图”也将提上日程,帮助他们了解自己所在区域的选举。

https://www.nytimes.com/2018/11/04/reader-center/how-we-cover-elections-interactive-maps.html

(*•̀ㅂ•́)و交互装置线下工作坊已上线!

腾迈中国(TBWA)创意科技总监带你飞!

名额有限哦,赶快行动吧!

自2014年创建以来,OF COURSE一直倡导艺术和科技的跨界融合,不断寻找可以解析和改变未来地球发展方向的优秀人才,并与国际顶尖的教授和专家合作,为中国学员提供创意编程课程、交互展览、跨界合作和社区活动。我们坚信,不论你在OF COURSE分享或者获取知识都能够为这个多样性的世界增添一份希望。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181108A1WR9800?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

关注

腾讯云开发者公众号
10元无门槛代金券
洞察腾讯核心技术
剖析业界实践案例
腾讯云开发者公众号二维码

扫码关注腾讯云开发者

领取腾讯云代金券