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