データセット、ニュース、時系列分析、ワクチン分布情報など、コロナウイルスに関する情報を詳述するReact.js + Flask/MongoDB Webアプリケーション。ユーザーフレンドリーなインターフェイスを介してデータを取得および提示するために、6つのAPIを使用します。動的視覚化にchart.js&d3.jsを利用します。
以下は、動作中のWebアプリケーションのビデオデモンストレーションです。
Webアプリケーションには4つの部門があります。 1つはデータセット用、特定のニュース用、1つは時系列分析用、もう1つはワクチン分布統計用です。これらの各タブは、フラスコバックエンドからフェッチされた独自のユニークなREST APIを利用しています。残りのAPIは、評判の良い組織(data.gov、cdc.gov、covidtracking.com、またはnewsapi.orgなど)から提供される個別のAPIからフェッチします。
このWebアプリケーションは、Pythonバックエンドと反応フロントエンドの2つの主要なプロセスで構成されています。まず、Pythonバックエンドは、特定のルートに対してそれぞれのAPIからJSONをフェッチすることから始まります(Flaskが戻り値をURLの特定のタブにルーティングするため)。これらの特定のインデックスを配列に追加すると、その配列をJSON辞書の形式で返し、フラスコはフロントエンドが提示するためのREST APIとして返します。その後、フロントエンドは、受信するデータ(データセットとそのメタデータまたはポジティブおよびネガティブケースである場合)をフォーマットし、データを提供しているあらゆるタブにそれぞれリスト、スクロール可能なdiv、またはグラフィカルな表現のいずれかに表示します。
以下の画像は、ユーザーインターフェイスとともにアプリケーション機能の概要を説明します。 
最初の部門には、コロナウイルスに関連する関連データセットが含まれています。各データセット「セル」には、データセットのタイトル、著者、公開を担当する組織、公開された日付、およびデータセットの簡単な説明が含まれています。また、データ自体を見たい場合に役立つデータセットへのダウンロードリンクも提供します。データとメタデータはdata.govによって提供されます。

第2部には、コロナウイルスに関する情報統計が含まれています。また、グラフの形で時系列分析を含み、Covidトラッキングプロジェクトからデータを取得します。

時系列分析はグラフの形で表され、プロットされたポイントがCovid追跡プロジェクトから取得されます。以下は、単一のグラフで表されるすべての異なるパラメーターを含むグラフの画像です。

以下の画像は、ユーザーのニーズを満たすための調整可能なパラメーターを備えたグラフの動的な性質を表しています。ユーザーがパティクラパラメーターを表示する必要がない場合は、単純に消費することができ、グラフと軸はすべてスムーズなアニメーションで自動的に調整できます。

2番目のグラフは、特定の値(1日あたりの合計ケース、1日あたりの入院など)の誘導体(または変化率)を表します。このグラフは、通常、コビッドテストの慣行により振動する性質を持っていますが、歴史的には今までであったものと比較して、現在の瞬間に問題がどれほど深刻かを示す良い兆候です。最後のグラフと同様に、このグラフは動的であり、ユーザーが裁量に従ってグラフを変更および調整できるようにします。

以下はフッターの画像で、データが最後に更新された日付で、CovidトラッキングプロジェクトAPIから直接引き出されました。

第3部には、コロナウイルスに関するニュースが含まれています。各ニュース「セル」には、記事のタイトル、著者、出版物、公開された日付、カバー写真の画像、およびデータセットの簡単な説明が含まれています。また、将来の視聴または学習のための記事へのリンクも提供します。データとメタデータはnewsapi.orgによって提供されます。


第4師団には、分布統計、統計の視覚化、Cdc.govからのワクチンの進捗を示す米国のマップなど、関連するワクチン情報が含まれています。

この部門には、すべての司法ごとにワクチンの投与量と管理者が含まれており、すべてスクロール可能なdivの形があります。また、エンドユーザーに簡単にアクセスできるように、地域ごとにグループ化します。

この部門には、その上のデータの棒グラフ(ワクチン投与量の出荷と司法権による管理)も含まれています。これは、ユーザーがそれ自体と比較してデータをはるかに簡単に表示できるようにするのに役立ちます。

最後に、ワクチンの進行状況を地理的に表示するために、米国のマップが提示されます。状態をホバリングすることにより、上記のデータ(マッピングされた方法でフォーマットされている)を表示したり、ICU容量の現在の状態を同時に表示できます。赤が深いほど、その特定の状態で非常事態がより重要になります。
