“知疫”疫情數據可視化平台——發布說明

一、前言

經過團隊接近20天的努力開發，“知疫”疫情數據可視化平台Alpha版本終於可以和大家見面了。

這還是一個比較粗糙的項目，但是也凝結着團隊的心血。我們歡迎每一個人都來使用我們的平台，同時給我們提出寶貴意見，我們將會繼續改善我們的項目。

可以前往以下網站進行使用：

“知疫”疫情數據可視化平台

二、功能和特性

1、各國新冠疫情感染與疫苗接種數據表及歷史變化顯示

功能說明：

在國家列表界面下，可以顯示世界各國的疫情相關數據（每天更新）

並且，對於每一個國家，都可以通過左側的下拉按鈕顯示此國家半年內的數據變化（分為感染數據與接種數據）

其中，兩類數據均使用折線圖顯示，鼠標懸停在折線上可顯示對應位置的具體數據

感染數據：

接種數據：

解決的問題：

• 世界各國的數據一覽
• 世界各國半年內的新冠疫情發展情況

應用場景：

小蔡打算去加拿大留學了，但是國外的疫情形勢不是很樂觀，於是打開平台，希望找到加拿大的的疫苗接種數據以及疫苗感染情況。發現直接可以在首頁上看到加拿大的感染情況，以及疫苗接種人數，點擊下拉框還可以看到更加詳細的數據。於是對加拿大的形勢有了更全面的了解，所以決定不去留學了，轉而加入浩浩盪盪的考研大軍。

2、新冠疫情感染情況世界密度地圖

功能說明：

在感染情況界面下，可以顯示（每天更新）：

• 此國家的累計數據：顯示在最上方

• 感染的世界地圖：以密度圖顯示，顏色的深淺代表感染人數的多少，可分類顯示當前確診、累計確診、累計治愈、累計死亡

其中，鼠標懸停在某個國家可顯示其詳細數據，在左下角的視覺映射欄也會有相應顯示，這是一個雙向的過程（即鼠標懸停在左下角相應顏色位置處時，地圖中的對應部分也會高亮顯示），地圖也可實現拖拽、縮放等基本功能

解決的問題：

• 世界新冠感染情況的可視化顯示

應用場景：

小藍是個學生，他想要了解現在世界上新冠疫情的感染情況，發現知疫平台可以在世界地圖上直觀地展示出各國的累計確診、當前確診等信息，也可以方便地觀察到現在新冠疫情的治理情況，幫助他對新冠疫情有了更加全面的認識。

3、新冠疫情感染情況國家密度地圖及歷史變化顯示

功能說明：

在感染情況界面，可通過點擊進入相應國家的詳情界面，如果未收錄，則會出現提示消息，並提供返回按鈕

跳轉后會顯示對應國家的感染詳情界面，包括國家地圖及各地區歷史變化情況折線圖（每日更新）

折線圖默認顯示前10條數據（不足10條即顯示全部），可通過點擊圖例添加/取消要顯示的折線，同樣地，鼠標懸停可顯示該地點的詳細數據

應用場景：

李四對德國的新天鵝城堡慕名已久，想趁假期去看看，准備出發之前，他打開平台看到德國的疫情很嚴重，每個地區的當前確診人數都在1000以上，他有點害怕，所以決定還是先在國內旅游，等疫情過去再去德國吧。

4、新冠疫情感染情況中國各省密度地圖及歷史變化顯示

在中國的感染情況界面，每個省仍可以點擊轉到其詳細信息界面，仍然包括一個密度地圖及其歷史數據的折線圖顯示（每天更新）

界面中包括一個返回按鈕，點擊可返回中國地圖界面

解決的問題：

• 中國各省疫情感染數據的可視化展示

應用場景：

上面說到的李四，決定先在國內旅游后，查了一些國內的景點，他發現自己又想去四川看可愛的大熊貓，在知疫平台上看到四川各地區的現有確診數據為0后，他更加放心了，開始收拾外出的行囊。

5、新冠疫苗接種情況世界密度地圖

功能說明：

在疫苗接種界面下，可以顯示（每天更新）：

• 世界疫苗接種情況總數據：顯示在最上方

• 世界各國疫苗接種總人數與每百人接種數可視化：以密度地圖的方式顯示

解決的問題：

• 世界各國接種情況可視化顯示

應用場景：

小一的社區組織他們接種疫苗，但是他不知道這個疫苗安不安全，於是打開網站看疫苗的接種情況，發現世界上已經有十幾億人接種了，接種率也不低，頓時放心不少，而且為了以后能夠更加愉快地玩耍，他決定去接種了。

6、側邊欄：數據統計及新增顯示

功能說明：

在主頁的側邊欄上，會顯示世界上新冠疫情感染情況以及疫苗接種情況的總數據

在國家感染情況界面的側邊欄上，會顯示此國家的感染情況總數據

在國家接種情況界面的側邊欄上，會顯示此國家的疫苗接種數據

解決的問題：

• 直接、方便地獲取世界、各國的新冠疫情感染及疫苗接種情況的數據

應用場景：

小五是一名學生，在寫一篇關於新冠疫情的調查報告，他急需一個世界及各國新冠疫情的總體數據，通過知疫平台上的側邊欄，他方便地獲取到了想要的數據，順利地寫完了報告。

7、用戶反饋信息收集

功能說明：

在反饋&建議界面，用戶可提供對本網站的反饋建議

在提交成功后，會顯示確認消息

同時，為了避免惡意連續提交的情況，在提交一次后會有一段冷卻時間，在這段時間內不能再次提交

解決的問題：

• 方便用戶在使用發現問題后，有渠道進行及時的反饋

• 方便用戶為網站的建設提供建議

應用場景：

李四在使用完此平台后，有一些意見想要提供給網站的開發者，通過此接口，他順利地提交了自己的意見，並希望能夠在之后的更新版本中發現自己的意見被采納。

8、數據說明

功能說明：

通過點擊導航欄上問號圖標，可以顯示此平台的數據說明

解決的問題：

• 顯示數據來源，證明數據的可靠性
• 顯示必要的提示信息，優化用戶體驗

應用場景：

張三所在的公司也在做疫情平台的可視化，但是他們在數據源的收集上遇到了很大的問題，看到知疫平台后，他很好奇該平台的數據是來自哪里。通過查看數據說明，他對於平台的數據來源有了清晰的了解，他們公司的項目也借此獲得了很大幫助。

三、運行環境要求

本應用使用 Vue搭建，由於Vue使用了 IE8 無法模擬的 ECMAScript 5 特性，因此不支持IE8及以下版本，但它支持所有兼容 ECMAScript 5 的瀏覽器，以下是部分兼容瀏覽器：

• Firefox78版本及以上

• chrome88版本及以上

• edge89版本及以上

• safari14版本及以上

• Opera75版本及以上

• IE11瀏覽器能夠完美模擬ECMAScript 5特性

  本平台推薦使用edge，chrome，safari進行訪問

四、安裝與使用方法

知疫疫情數據可視化平台上手很簡單。知疫平台公開提供可視化服務，不需要注冊，在瀏覽器中輸入網址www.zjtdzhiyi.com就可以進入知疫平台歡迎界面，點擊開始就能夠享受到我們的服務啦。

該平台作為web應用以網站的形式發布，目前注冊了域名，可以訪問域名www.zjtdzhiyi.com，或者IP地址http://81.70.134.96/

五、已知問題和限制

1、受到服務器帶寬的影響同時網站資源較多，首次進入網站可能速度會比較緩慢，請耐性等待；

2、由於地圖資源較多，首次使用地圖間的跳轉功能時可能需要幾秒鍾的加載時間。首次點擊后，加載時間的問題將會大大改善；

3、目前本網站采用固定時間更新數據，由於全球各個地區數據來源不盡相同以及時差的問題，您看到的數據可能會有一定延遲，如需要精確的數據，請對比權威渠道進行使用；

4、由於項目的進度，因此當前版本暫時沒有對移動設備（手機）做支持，使用手機打開網頁會出現布局錯亂的情況。請使用PC或平板電腦一類的大屏幕設備已獲得最佳體驗。該問題將在下一版本進行更新，給您帶來不便非常抱歉。