水经注软件吧 关注:211贴子:671
  • 0回复贴,共1

Mapbox发布新型冠状病毒2019-nCoV疫情动态地图

只看楼主收藏回复

1. 概述
自2019年12月31日世卫组织获悉在湖北省武汉市发现若干例肺炎病例以来,全中国乃至全世界人民的神经随着2019-nCoV新型冠状病毒肺炎的爆发而日渐紧张。该病毒与任何其它已知病毒不符,这令人关切,因为我们不了解新病毒如何影响人类,在此情况下,制作一幅与疫情相关的地图显得极为重要和迫切。

疫情地图
2. 制图背景
近日,开源的全球地图平台Mapbox发布了2019-nCoV疫情动态地图。Mapbox以城市为单位,结合国家病例基本数据,使用了高度自定义的全球地形图作为底图之一,配以时间轴和数值曲线的热力分布地图,形象地展示了全球疫情的发展变化。

中国疫情爆发动态图
为了让地图更好地展现数据,在不到一周的时间里,Mapbox工程师和设计师Macro、Mofei、Weber、Lloyd、Jing、Chris、Xinnong等与中国合作伙伴乾特、深谙地图数据表达的中国地图出版集团的Huanjin Liu、Robin、Guangyu Chen、Miffy、Yuji Zhang联合完成了方案的设计到项目执行的全过程。

全球疫情爆发动态图
3. 地图特点
目前,大众可以访问链接(https://www.mapbox.cn/coronavirusmap)对该动态地图进行在线访问。该动态地图具有下面的特点:
多端显示:更友好地支持手机、PC浏览器和大屏等多端显示。
双语设置:提供中英文双语自由切换。
全球访问:在遍布全球的Mapbox服务器支持下,无论您在国内还是国外都能流畅地加载访问。

多种展现方式
4. 地图的构建思路
该动态地图的设计主要包括底图设计、数据处理和动态交互开发三个方面,使用React和Mapbox GL JS技术实现地图的数据可视化和动态交互。

分省数据
5. 地图设计
该动态地图中底图不会变化,变化的是底图上的数据。为了更加突出数据本身,选择了低调的暗黑风格——基于Mapbox深色地图样式构建了基础地图。具体来说,在Mapbox Studio中,可以动动鼠标进行相似地图的创建:New Style->Monochrome->Dark->Customize Monochrome。

创建地图
对于多数借助地图的数据可视化表达案例来说,深色地图是最"省事"的选择,因为它耐看而且更突出数据本身,让读者更关注其上叠加的数据。但这并不意味着我们无法对底图进行任何自定义。

图层构成
比如在本次案例中,在原有暗黑基础上增加了一个Mapbox-terrain-rgb 数据图层,让地图显得更加真实并具有3D效果;在全球范围内,将中国的行政边界以较浅的颜色进行突出显示,以便于展现热力数据随行政区划的变化。为了让疫情地图的整体气氛显得不那么紧张,调亮了海洋的颜色。

行政区划
6. 疫情数据处理
目前并没有一个官方的渠道对疫情数据进行实时开源,在综合考虑数据格式和更新度等条件后,选择了来自国家卫健委公布的数据,并以JSON格式保存为每日更新的数据,如下图所示。但是这样面临的最大挑战是需要进行手动修复数据,因为每个区域的数据每天不是同步更新的,并且很难跟踪每次更新的具体时间。

数据保存
7. 数据可视化动态交互效果
我们的思路是使用必要的图例图表,与地图和数据"相辅相成",结合动态时间轴,达到最佳的数据可视化效果。

截至2020年2月6日的统计数据
在整体界面的设计方面,考虑到大屏展示的效果,我们选择了数码风格的字体和半透明风格修饰,并能与反映区域变化的热力图有着较好的颜色呼应。

热力图展示
除了热力图,地图还支持填色图和集合图图层的动态叠加。

各种展示方式
如果需要更多的地图数据,可以使用水经注万能地图下载器进行下载。

水经注万能地图下载器
8. 结语
希望通过地图让数据可视化,能够让人们更加透明和真实的感受疫情数据的变化。在遥远的将来,它能够成为历史的印记,纪念在此次"抗疫"过程中奉献的每位伟大的医护人员及上亿个"平凡天使"。武汉加油,中国加油!


IP属地:四川1楼2020-02-21 11:18回复