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）