盘点：2015年最好的100个互动地图作品（上）

在过去的一年中，互动地图仍然是数据可视化最喜欢使用的形式之一。从发生在叙利亚和伊拉克的冲突，难民危机和恐怖袭击到几个国家历史性的选举。新闻人始终在努力表达清楚世界上正在发生的事情，而互动地图是这种努力中非常重要的一部分。

从Visualoop筛选出的这个精选集，我们就可以看出互动地图到底有多流行。这些设计充分利用了可视化工具和技术的优势，围绕诸如环境、政治、经济、交通、健康和体育等话题，创造了令人印象深刻的可视化产品。下面让我们一起来看看吧！

1. The Dawn Wall | The New York Times

两位登山家Tommy Cladwell和Kevin Jorgeson完成了19天的自由攀登，成功从难度最大the Dawn Wall登顶。《纽约时报》利用互动地图清楚地再现了这一伟大壮举。

查看原网页：http://www.nytimes.com/interactive/2015/01/09/sports/the-dawn-wall-el-capitan.html?_r=1

2. Mapping America’s Future | Urban Institute

Urban Institute创造的互动地图可以让读者预测2020或者2030年美国各个地区的人口变化情况。你只需要在网页上选择不同的参数，这个互动地图中就会给出你所想要的答案。

查看原网页：http://apps.urban.org/features/mapping-americas-futures/#map

3. Global View:Climate Change in Perspective | Bloomberg

Bloomberg使用国家冰雪数据中心的数据，制作出的这个互动地图展现了全球的气候变化对海洋冰川面积的影响。读者选择和拖动蓝色标签，就可以清楚地看到不同年份间冰川面积的变化。

查看原网页：http://www.bloomberg.com/company/#slide=5

4. Fortress Europe| Sverige Radio

瑞典电台和欧洲广播联盟一起搜集了一些叙利亚难民努力进入欧洲的故事，力图展现叙利亚难民在逃难路上的真实情景和背后点滴。通过他们制作的互动地图，你可以追寻他们的流亡路线并且更加直观地感受到叙利亚难民的遭遇。

查看原网页：http://sverigesradio.se/fortresseurope/

5.Mapping the Most Common Races | Flowing Data

Flowing Data的这份互动地图全景地展示了美国的人种构成情况。黄色代表白种人，绿色代表拉丁裔，蓝色代表黑人，红色代表亚裔。打开他们的网站，你就知道他们有多么专业。

查看原网页：http://flowingdata.com/

6.Nazi death camps | CNN

今年1月27号是奥斯维辛集中营解放70周年纪念日，CNN利用互动地图，还原了二战中纳粹德国总数超过850个形式不同的集中营。通过点击地图读者可以还看到集中营的规模和屠杀的人数。

查看原网页：http://edition.cnn.com/2015/01/26/world/nazi-death-camps/index.html

7. World Sex Map |Quartz

Quartz制作的互动地图比较了全球的国家和地区男女性人口的比例差异。这个互动地图从时间和空间两个维度进行了对比，涵盖了从1962到2013年全球大多数国家的男女人口比例数据。

The DuPontinvention that forever changed how things work in the corporate world - Quartz

查看原网页： http://qz.com/569738/the-dupont-invention-that-forever-changed-how-things-work-in-the-corporate-world/

8.Why Measles May Just Be Getting Started | Bloomberg Visual Data

Bloomberg 视觉数据组制作了荨麻疹在全美的爆发情况图，用大数据支持了他们对于荨麻疹流行情况的判断。

查看原网页：http://www.bloomberg. com/graphics/2015-measles-outbreaks/

9.Religions of our representatives | The Washington Post

《华盛顿邮报》一如既往地关注政治题材。他们制作的互动地图展示了美国众议院各州代表的宗教信仰，其中包括天主教，摩门教，犹太教，佛教，印度教，穆斯林和无信仰。

查看原网页：https://www.washingtonpost.com/graphics/politics/114th-house-religions/

10.Stream of Foreign Wealth Flows to Elite New York Real Estate | The New York Times

外国财富不断涌进纽约高端地产。如今在曼哈顿，隐秘的拥有豪宅已经不足为奇。《纽约时报》制作的互动地图就关注了这一话题。

查看原网页：http://www.nytimes.com/2015/02/08/nyregion/stream-of-foreign-wealth-flows-to-time-warner-condos.html

11.A tale of many cities | MIT Senseable Lab

MIT Senseable Lab制作的互动地图解析了世界四大城市的移动电话活跃情况。数据的按照时间、空间和密度三个维度。通过左上方的标签卡配合地图中的区域选项，所有的信息都可以按照你的需求展现出来。

查看原网页：http://www.manycities.org/

12.Swiss Leaks Data Explorer | ICIJ

国际新闻记者调查联盟（InternationalConsortium of Investigative Journalists）的“瑞士解密”项目，汇集了46个国家的86名记者。参与的媒体包括BBC，卫报，华盛顿邮报，世界报，瑞士的 Sonntagszeitung，德国的“南德意志报”和公共广播机构 NDR。他们得到了总计250万条记录，经过15个月的深入调研，制作出了这幅互动地图。地图详细幅揭露了全球13万偷漏税的富豪和企业。

查看原网页：http://www.icij.org/project/swiss-leaks/explore-swiss-leaks-data

13.Map of Milky Way | NASA’s Jet Propulsion Lab /Planck Institute

NASA’s JetPropulsion Lab （美国国家航空航天局喷气推进实验室）和Planck Institute合作制作的互动地图，可以让你身临其境般地观察银河。

查看原网页：http://planck.ipac.caltech.edu/wwt/

14.Baidu Migration map | Baidu

今年春运期间，百度制作的人口迁徙地图也入选了这次的精选集。蓝色光线的强弱代表了人口迁徙密度的强弱，下方的坐标轴则可以选择日期和时间。百度强大的LBS数据收集和分析能力，再配合优秀的互动设计效果。这个上过CCTV新闻直播的互动地图我觉得应该不用多介绍啦！

查看原网页：http://qianxi.baidu.com/

15.Capital Bike share | Mapbox

Mapbox制作的这个互动地图十分有趣。打开这个地图，你只需要选择好你的出发地和目的地，它就为你规划出行路线，包括在哪里取车，在哪里还车以及预计用时。选择另一个模式，它甚至会为你贴心地标识出路途中的海拔和坡度。

查看原网页：https://www.mapbox.com/bites/00094/

16.The first ten years of OpenStreetMap | Mapbox

OpenStreetMap是一个网上地图协作计划，目标是创造一个内容自由且能让所有人编辑的世界地图。这个地图和百度百科，维基百科一样是全民地图。Mapbox制作的互动地图生动地展示了全民地图模式的丰富细节和庞大数据。

查看原网页：https://www.mapbox.com/blog/ten-years-openstreetmap/

17.SF Tweet Data| Nick Shelton

设计者Nick Shelton记录了旧金山2015年1月的15000条twitter，通过数据处理做出了这个互动地图。通过地图可以看出发表推特的地域性分部规律等一系列有意思的信息。

查看原网页：http://nshelton.devport.co/projects/sf-tweet-data

18.Airbnb activities around the world | Airbnb

Airbnb把他们遍布全球的旅馆都放在了这个3D地球里了，点击你要想查询的国家和地区，剩下的交给Airbnb的这幅互动地图吧。

查看原网页：https://pt.airbnb.com/map?cdn_cn=1

19.GeoMood |Sebastian Gräf

Sebastian Gräf制作的这个直播式互动地图，可以对全球带地理定位坐标的英语推特进行实时的情绪分析。

查看原网页：https://geomood.sebastiangraef.com/

20.Energy Explorer | Metro Vancouver

这个互动地图可以查看温哥华地区的可再生能源情况，并且详细地梳理和统计了温哥华地区多种可再生资源的分布情况。

查看原网页：http://energyexplorer.ca/

21.Which Flight Will Get You There Fastest? | FiveThirtyEight

哪趟航班可以最快的带领你到达目的地？FiveThirtyEight制作的互动地图估计可以给出你一个满意的答案。

查看原网页：http://projects.fivethirtyeight.com/flights/

22.Car sharing in Berlin | Tagesspigel

共享车辆是柏林未来交通的发展趋势，“mehrBerlin”正是一个这样的项目。Tagesspigel制作的这个互动地图，则对关于柏林汽车资源分享的数据进行了统计和分析。

查看原网页：http://mehrfahrgelegenheit.tagesspiegel.de/

23.The foodcapitals of Instagram | Cewe Photoworld

Instagram制作的美食首都互动地图，体现出了世界不同城市对于食物不同的偏好。鼠标点击标题栏里不同的食物，气泡的越大就代表了这座城市更加喜爱这种食物。

查看原网页：https://photoworld.com/instagram-food-capitals/

24.Fans on theMove | Ticketbiz

票务网站Ticetbiz利用自己独特的数据制作了“粉丝移动地图”。不光足球、棒球、篮球、橄榄球，乒乓球等等都包括在内，甚至还包括演唱会、音乐节和歌剧。通过这个地图可清楚地看出粉丝的迁徙路线和热门比赛和城市。

查看原网页：http://www.ticketbis.com/en/fans-on-the-move

25.Socio-Economic Tectonics | Kenneth Field

Kenneth Field制作的这个互动地图可以清楚地显示出一个国家与周边国家之间的关系。通过选择不同的标签，国与国之间的边界线会呈现出许多不同的颜色，分别表示两国在不同领域领域之间不同的相互关系。

查看原网页：http://carto.maps.arcgis.com/apps/Viewer/index.html?appid=73978db46dc94249ad7202202a73db06

26.The Agas Mapof early modern London | University of Victoria

维多利亚大学制作的互动地图，利用数据可视化技术再现了现代伦敦早期的市容市貌。

查看原网页：http://mapoflondon.uvic.ca/

27. Game of Thrones: The Kingsroadmap – An interactive journey through seasons 1-5 | DirectTV

这个互动地图我必须强烈推荐。DirectTV制作了一张《权力的游戏》的世界地图，然后把每一集都按照其故事发生的地点在地图上进行标注，并进行了简要介绍。通过这个互动地图，你可以在游历《权利的游戏》世界的同时，再温习一遍其波澜壮阔的剧情。

查看原网页：http://www.directpackages.com/thekingsroadmap/

28.The Best andWorst Places to Grow Up: How Your Area Compares | The Upshot

The Upshot的互动地图对全美国的贫困家庭的女孩成长费用进行了比较，试图探讨出美国最适合成长和最不适合成长的地区。

查看原网页：http://www.nytimes.com/interactive/2015/05/03/upshot/the-best-and-worst-places-to-grow-up-how-your-area-compares.html?_r=0&abt=0002&abg=0

29.Living Wage Map | Esri

美国环境系统研究所（Environmental Systems Research Institute, Inc. 简称ESRI）制作的互动地图关注了一个社会问题——生活成本。这张互动地图对全美各地的标准生活成本和最低工资进行了比较，颜色越深表民两者的差距越大。

查看原网页：http://storymaps.esri.com/stories/2015/living-wage-map/

30.Mars explorer| MapBox

又是Mapbox出品的互动地图，这次是探索火星的互动地图。

查看原网页：https://www.mapbox.com/bites/00102/

31.NYC Street Trees | Jill Hubley

虽然已经在布鲁克林生活了14年，但在宾夕法尼亚出生并且长大的Jill Hubley一直对树木怀有深刻的感情。经过了不断地努力尝试，他做出了这个纽约街道的树木种类图。花花绿绿不同的颜色，代表了纽约街道上种类不同的美丽树木。

查看原网页：http://jillhubley.com/project/nyctrees/

32.Divvy Trips |Divvy

Divvy是芝加哥推出的公共自行车计划，通过这个网站你可以直观地了解到一天之中公共自行车的使用频率和使用路线。右侧是时间轴，图中的圆点代表使用人数。蓝色的流动线条，则是公共自行车的行驶路线。

查看原网页：http://faculty.washington.edu/mikefree/divvy/

33.Colombia Refugiada | El Tiempo

截止到2013年的数据，哥伦比亚的难民总数是396633，El Tiempo的这张互动地图直观的展现了哥伦比亚难民的流向。

查看原网页：http://www.eltiempo.com/multimedia/especiales/refugiados-migracion-y-desplazamiento-de-colombianos/15503358/1

34.Taking Back Detroit | National Geographic

在不到50年的时间里，一度充满活力的底特律就减少了超过一半的人口。但底特律的人口密度还是排在全美69名，领先于拉斯维加斯，丹佛，菲尼克斯波特兰等城市。国家地理制作的底特律人口密度互动地图，清晰明了的展现了“失落之城”底特律的人口分布。

查看原网页：http://www.nationalgeographic.com/taking-back-detroit/explore-detroit.html

35.Rising Rentsin Boston | Ungentry

这个互动地图用数据图显示波士顿不同地区房子租金价格随时间的变化，具体细分为1990、2000、2010三个时间点。

查看原网页：http://codeforboston.github.io/ungentry/

36.American Odeyssey Google Map | NBC

这是NBC为旗下的新剧《奥德赛》打造的互动地图。读者可以利用该地图来探索美剧《奥德赛》里的世界，并随着任务主线不断深入剧情。

查看原网页：http://www.exploreamericanodyssey.com/pre-premiere

37.Lucky Lunch Map | Lucky Lunch

Lucky lunch的地图通过颜色深浅不同的光亮表示食物订单的分布情况，同时还标注了餐厅的位置以及一天中数量的趋势变化。

查看原网页：http://luckylunch.ru/map/

38.Election 2015:Where to vote tactically to get the prime minister you want | The Guardian

首相大选怎么选？《卫报》的用互动地图告诉你应当运用何种策略，才能选出自己想要的首相。还是有点选择困难？别怕，这个地图甚至还会告诉你选Ed Miliband和选David Cameron会有什么不同。

查看原网页：http://www.theguardian.com/politics/ng-interactive/2015/may/05/election-2015-where-should-you-vote-tactically

39.Well Storied |Land Rover

路虎制作的这张互动地图，讲述了一群越野车司机在冒险路上的故事和风景。如果觉得需要一些灵感和激励，你可以通过这些故事来唤醒自己的冒险精神。

查看原网页：https://wellstoried.com/about

40.Amsterdam Growing Over Time | City of Amsterdam

这个互动地图记录了荷兰阿姆斯特丹主要建筑年龄，从1860年后以20年为刻度，不同的颜色分别代表了不同的建造时间。

查看原网页：http://maps.amsterdam.nl/bouwjaar/?LANG=en

41.UK 2015 general election results in full | The Guardian

《卫报》的这个互动地图还在为选举的事情操心。这个地图记录了英国2015大选每个选区候选人的详细结果。在苏格兰民主党浪潮下，保守党出乎意料地赢得了多数席位。650个议会席位中谁成为了赢家，快点进去看看吧。

查看原网页：http://www.theguardian.com/politics/ng-interactive/2015/may/07/live-uk-election-results-in-full

42.Native-land.ca| Victor Gerard Temprano

Victor GerardTemprano的这个项目追溯原住民的聚居地、语言等特点的不同。该地图主要关注了加拿大地区的原住民。除了可视化的数据呈现，相关的网站和链接也包含在地图里。

查看原网页：http://native-land.ca/ca/index.html

43.Homicide Monitor | Igarape Institute

2012年，全球有43万7千人成为谋杀案的受害者。IgarapeInstitute制作的地图展示了全球各国谋杀案的数目，以及杀人犯占总人口总数的比例等数据。

查看原网页：http://homicide.igarape.org.br/

44.Mobility: engineof our regional economy | CMAP

芝加哥应当加强的各种交通建设，以带动地区经济发展。这个数据地图充分强调了交通对于经济发展的重要性。

查看原网页：http://www.cmap.illinois.gov/mobility/explore#/topic/roads

45.Spain innumbers | El Español

从2010年开始，城市人口大量流入乡村，乡村人口开始暴增。这个地图详细地展现了西班牙城市和乡村人口此消彼长的数量分布变化。

查看原网页：http://espanaencifras.elespanol.com/

46.LA Building Age | cityHUB Los Angeles

2008年后，洛杉矶新建了超过290万座房子。如果想要了解洛杉矶建筑的始建时间，可以在地图上通过点击来获取，当然也可以通过时间轴来观察。

查看原网页：http://cityhubla.github.io/LA_Building_Age/#12.27/34.0539/-118.2510

47.Chasing the Matterhorn | Neue Zurcher Zeitung

马特洪峰(Matterhorn)是阿尔卑斯山脉中著名的山峰。在很长一段时间里，这座位于瑞士和意大利边境的山峰被认为不可征服。这幅互动地图展现了马特洪峰的基本概况，以及19世纪后登山者们挑战这座高峰的攀登历史。

查看原网页：http://matterhorn.nzz.ch/index.en.html?mode=webgl

48.Killing the Colorado (maps) | Propublica

科罗拉多河（Colorado River）是美国西南方、墨西哥西北方的河流。地图记录了在科罗拉多河上为分配水源、利用水利兴建的各种项目和工程，以及人们对河流和自然的破坏。

查看原网页：https://projects.propublica.org/killing-the-colorado/explore-the-river#moffat-tunnel

49.The SanFrancisco 1906 Earthquake & Fire | Chris Ingram

1906年旧金山大地震，发生于1906年4月18日清晨5点12分左右，是美国历史上遭受的最严重自然灾害之一。地图还原了当时如唐人街、码头等地的受灾情况。资料则来自 S.F.F.D. Captain Henry Mitchell的报告。

查看原网页：http://sccfd.maps.arcgis.com/apps/MapTour/index.html?appid=757cf2f4994b4db8aba08ad523f2e011&webmap=23cd492a01914954a51b1c30811e135b

50.Visualizing The Racial Divide | Jim Vallandingham

在这幅互动地图中，每个城市的可视化图数据来源都是2010年的人口普查。相邻的普查区中间都存在空隙，空隙的大小由白人和黑人的数量比例决定。种族构成类似的普查区混合紧挨在一起，差异明显的普查区则在面积上有重大变化，面积大小则与种族成分变化成正比。

查看原网页：http://vallandingham.me/racial_divide/#dy

本文由百度新闻实验室（baidunewslab）独家编译整合，转载请注明作者和出处。特别鸣谢哀木西和Krystalhyun对本文做出的贡献。

编译整合：韩雨辰、邵琦

编辑：刘建坤