covid19_dashboard

一個跨平台（Android，iOS，Web）儀表板，代表了意大利Covid-19的趨勢。

PWA URL

https://marinimau.github.io/covid19_dashboard/

螢幕截圖

視頻（iPad 2019上的PWA，Safari，iOS 14和Dark Mode）

https://youtu.be/71gjnxslzbk

特徵

• 顯示趨勢（不同的間隔）
• 每個區域的完整數據表示
• 顯示最後24小時的筆記
• 基於系統主題的暗模式
• 完整響應的WebApp
• iOS和Android應用程序具有本機優化

問題

• 從iOS在Web上運行的Select區域選擇器中的透明文本 - 它取決於庫，我們找到了該解決方案，但是它需要在“ NPM安裝”之後編輯庫代碼；
• 有時，線程圖背景是黑色的，或者是在Firefox上沒有線陰影

指示

1。全球安裝博覽會

npm install -g expo-cli

如果上面的命令生成錯誤，請嘗試使用sudo。

安裝後，通常會看到：

zsh: command not found: expo

當您嘗試運行Expo-CLI時。

為了避免此問題，只需啟動此命令：

export PATH=$PATH:~/.npm-global/bin

2。啟動博覽會

只需轉到項目路徑並寫下：

npm install

之後

expo start

Metro Bundler網頁應以秒為單位出現。

3。啟動Web應用程序

只需從Metro Boundler網頁中單擊“在Web瀏覽器中運行”即可。

3。嘗試移動應用程序（不構建獨立的應用程序）

如果您安裝了iOS模擬器，只需單擊“在iOS模擬器上運行” ，否則：

1. 在您的手機（來自App Store或Play商店）上下載博覽會；

2. 將手機連接到您啟動博覽會的計算機的同一網絡；

3. 掃描QR碼（使用Android上的Expo應用程序集成掃描儀；對於iOS使用系統集成掃描儀）。

技術

• 反應本
• D3.js
• 博覽會

數據

來源：

https://github.com/pcm-dpc/COVID-19

實時更新。

作者

• 毛羅·馬里尼（Mauro Marini）