1. 概述
自2019年12月31日世衛(wèi)組織獲悉在湖北省武漢市發(fā)現(xiàn)若干例肺炎病例以來，全中國(guó)乃至全世界人民的神經(jīng)隨著2019-nCoV新型冠狀病毒肺炎的爆發(fā)而日漸緊張。該病毒與任何其它已知病毒不符，這令人關(guān)切，因?yàn)槲覀儾涣私庑虏《救绾斡绊懭祟悾诖饲闆r下，制作一幅與疫情相關(guān)的地圖顯得極為重要和迫切。
疫情地圖
2. 制圖背景
近日，開源的全球地圖平臺(tái)Mapbox發(fā)布了2019-nCoV疫情動(dòng)態(tài)地圖。Mapbox以城市為單位，結(jié)合國(guó)家病例基本數(shù)據(jù)，使用了高度自定義的全球地形圖作為底圖之一，配以時(shí)間軸和數(shù)值曲線的熱力分布地圖，形象地展示了全球疫情的發(fā)展變化。
中國(guó)疫情爆發(fā)動(dòng)態(tài)圖
為了讓地圖更好地展現(xiàn)數(shù)據(jù)，在不到一周的時(shí)間里，Mapbox工程師和設(shè)計(jì)師Macro、Mofei、Weber、Lloyd、Jing、Chris、Xinnong等與中國(guó)合作伙伴乾特、深諳地圖數(shù)據(jù)表達(dá)的中國(guó)地圖出版集團(tuán)的Huanjin Liu、Robin、Guangyu Chen、Miffy、Yuji Zhang聯(lián)合完成了方案的設(shè)計(jì)到項(xiàng)目執(zhí)行的全過程。
全球疫情爆發(fā)動(dòng)態(tài)圖
3. 地圖特點(diǎn)
目前，大眾可以訪問鏈接（https://www.mapbox.cn/coronavirusmap）對(duì)該動(dòng)態(tài)地圖進(jìn)行在線訪問。該動(dòng)態(tài)地圖具有下面的特點(diǎn)：
多端顯示：更友好地支持手機(jī)、PC瀏覽器和大屏等多端顯示。
雙語設(shè)置：提供中英文雙語自由切換。
全球訪問：在遍布全球的Mapbox服務(wù)器支持下，無論您在國(guó)內(nèi)還是國(guó)外都能流暢地加載訪問。
多種展現(xiàn)方式
4. 地圖的構(gòu)建思路
該動(dòng)態(tài)地圖的設(shè)計(jì)主要包括底圖設(shè)計(jì)、數(shù)據(jù)處理和動(dòng)態(tài)交互開發(fā)三個(gè)方面，使用React和Mapbox GL JS技術(shù)實(shí)現(xiàn)地圖的數(shù)據(jù)可視化和動(dòng)態(tài)交互。
分省數(shù)據(jù)
5. 地圖設(shè)計(jì)
該動(dòng)態(tài)地圖中底圖不會(huì)變化，變化的是底圖上的數(shù)據(jù)。為了更加突出數(shù)據(jù)本身，選擇了低調(diào)的暗黑風(fēng)格——基于Mapbox深色地圖樣式構(gòu)建了基礎(chǔ)地圖。具體來說，在Mapbox Studio中，可以動(dòng)動(dòng)鼠標(biāo)進(jìn)行相似地圖的創(chuàng)建：New Style->Monochrome->Dark->Customize Monochrome。
創(chuàng)建地圖
對(duì)于多數(shù)借助地圖的數(shù)據(jù)可視化表達(dá)案例來說，深色地圖是最"省事"的選擇，因?yàn)樗涂炊腋怀鰯?shù)據(jù)本身，讓讀者更關(guān)注其上疊加的數(shù)據(jù)。但這并不意味著我們無法對(duì)底圖進(jìn)行任何自定義。
圖層構(gòu)成
比如在本次案例中，在原有暗黑基礎(chǔ)上增加了一個(gè)Mapbox-terrain-rgb 數(shù)據(jù)圖層，讓地圖顯得更加真實(shí)并具有3D效果；在全球范圍內(nèi)，將中國(guó)的行政邊界以較淺的顏色進(jìn)行突出顯示，以便于展現(xiàn)熱力數(shù)據(jù)隨行政區(qū)劃的變化。為了讓疫情地圖的整體氣氛顯得不那么緊張，調(diào)亮了海洋的顏色。
行政區(qū)劃
6. 疫情數(shù)據(jù)處理
目前并沒有一個(gè)官方的渠道對(duì)疫情數(shù)據(jù)進(jìn)行實(shí)時(shí)開源，在綜合考慮數(shù)據(jù)格式和更新度等條件后，選擇了來自國(guó)家衛(wèi)健委公布的數(shù)據(jù)，并以JSON格式保存為每日更新的數(shù)據(jù)，如下圖所示。但是這樣面臨的最大挑戰(zhàn)是需要進(jìn)行手動(dòng)修復(fù)數(shù)據(jù)，因?yàn)槊總�(gè)區(qū)域的數(shù)據(jù)每天不是同步更新的，并且很難跟蹤每次更新的具體時(shí)間。
數(shù)據(jù)保存
7. 數(shù)據(jù)可視化動(dòng)態(tài)交互效果
我們的思路是使用必要的圖例圖表，與地圖和數(shù)據(jù)"相輔相成"，結(jié)合動(dòng)態(tài)時(shí)間軸，達(dá)到最佳的數(shù)據(jù)可視化效果。
截至2020年2月6日的統(tǒng)計(jì)數(shù)據(jù)
在整體界面的設(shè)計(jì)方面，考慮到大屏展示的效果，我們選擇了數(shù)碼風(fēng)格的字體和半透明風(fēng)格修飾，并能與反映區(qū)域變化的熱力圖有著較好的顏色呼應(yīng)。
熱力圖展示
除了熱力圖，地圖還支持填色圖和集合圖圖層的動(dòng)態(tài)疊加。
各種展示方式
如果需要更多的地圖數(shù)據(jù)，可以使用水經(jīng)注萬能地圖下載器進(jìn)行下載。
水經(jīng)注萬能地圖下載器
8. 結(jié)語
希望通過地圖讓數(shù)據(jù)可視化，能夠讓人們更加透明和真實(shí)的感受疫情數(shù)據(jù)的變化。在遙遠(yuǎn)的將來，它能夠成為歷史的印記，紀(jì)念在此次"抗疫"過程中奉獻(xiàn)的每位偉大的醫(yī)護(hù)人員及上億個(gè)"平凡天使"。武漢加油，中國(guó)加油！
關(guān)注樓主