Une application Web React.js + Flask / MongoDB qui détaille des informations sur le coronavirus, y compris les ensembles de données, les nouvelles, une analyse temporelle et les informations de distribution des vaccins. Utilise 6 API afin de récupérer et de présenter des données via une interface conviviale. Utilise chart.js & d3.js pour les visualisations dynamiques.
Voici une démonstration vidéo de l'application Web en action.
L'application Web a 4 divisions; Un pour les ensembles de données, un pour des nouvelles spécifiques, un pour une analyse des séries chronologiques et un pour les statistiques de distribution des vaccins. Chacun de ces onglets utilise sa propre API REST unique qui est obtenue à partir du backend Flask. L'API REST récupère à partir de son API distincte fournie d'une organisation réputée (telle que Data.gov, CDC.gov, Covidtracking.com ou Newsapi.org).
Cette application Web se compose de deux processus principaux: le backend Python et le frontal réagi. Tout d'abord, le backend Python commence par récupérer le JSON de chaque API respective pour leur itinéraire spécifique (car Flask achemine leurs valeurs de retour à cet onglet spécifique de l'URL), et passe à travers le JSON, saisissant tout ce dont il a besoin. Après avoir ajouté ces index spécifiques sur un tableau, il renvoie ensuite ce tableau sous la forme d'un dictionnaire JSON, et Flask le renvoie en tant qu'API REST pour l'extrémité frontale en présence. Le frontal formate ensuite les données qu'il reçoit (si ce sont des ensembles de données et leurs métadonnées ou des cas positifs et négaitve par jour), en les présentant dans une liste, une div de défilement ou une représentation graphique, respective à tout onglet sur lequel il sert les données.
Les images ci-dessous décrivent la fonctionnalité des applications ainsi que son interface utilisateur. 
La première division comprend des ensembles de données pertinents concernant le coronavirus. Chaque ensemble de données "Cell" comprend le titre de l'ensemble de données, l'auteur, l'organisation responsable de la publication, la date à laquelle il a été publié et une brève description de l'ensemble de données. Il fournit également un lien de téléchargement vers l'ensemble de données, utile si l'on veut jeter un œil aux données elle-même. Les données et les métadonnées sont fournies par Data.gov.

La deuxième division contient des statistiques d'information concernant le coronavirus. Il contient également une analyse de séries chronologiques sous la forme d'un graphique et récupère les données du projet de suivi Covid.

L'analyse des séries chronologiques est représentée sous la forme d'un graphique, les points tracés étant récupérés à partir du projet de suivi covide. Vous trouverez ci-dessous une image du graphique avec tous les différents paramètres, représentés dans un seul graphique.

L'image ci-dessous représente la nature dynamique du graphique, avec des paramètres réglables pour répondre aux besoins de l'utilisateur. Si l'utilisateur n'a pas besoin de visualiser un paramètre paticulaire, il peut simplement le repousser et le graphique et les axes s'ajustent automatiquement, le tout avec une animation lisse.

Le deuxième graphique représente le dérivé (ou le taux de changement) de valeurs spécifiques (telles que les cas totaux par jour, les hospitalisations par jour, etc.). Ce graphique a généralement une nature oscillante en raison des pratiques de test cavide, mais est une bonne indication de la gravité du problème dans le moment actuel par rapport à ce qu'elle a été. Semblable au dernier graphique, ce graphique est également dynamique, permettant à l'utilisateur de modifier et d'ajuster le graphique selon leur discrétion.

Vous trouverez ci-dessous une image du pied de page, avec la date à laquelle les données ont été mises à jour, directement tirées de l'API du projet de suivi de Covid.

La troisième division contient des nouvelles concernant le coronavirus. Chaque nouvelle "Cell" contient le titre de l'article, l'auteur, la publication, la date publiée, une image de l'image de la couverture et une brève description de l'ensemble de données. Il fournit également un lien vers l'article pour la visualisation ou l'apprentissage futur. Les données et les métadonnées sont fournies par Newsapi.org.


La quatrième division contient des informations sur les vaccins pertinents, y compris les statistiques de distribution, une visualisation des statistiques et une carte américaine indiquant la progression du vaccin, à partir de Cdc.gov.

Cette division contient des expéditions et des administrations de dosage des vaccins par chaque juristrice, le tout sous la forme d'une div défileuse. Il les regroupe également par région, pour un accès plus facile à l'utilisateur final.

Cette division contient également un graphique à barres des données supérieures à celle-ci (expéditions de dosage vaccinal et administrations par juristrice), ce qui aide l'utilisateur à afficher les données par rapport à elle-même, dans un format beaucoup plus facile à afficher.

Enfin, une carte américaine est présentée afin de visualiser géographiquement les progrès du vaccin. En planant sur un état, on peut afficher les données présentées ci-dessus (formatées de manière cartographiée), ainsi que simultanément la vision de l'état actuel de leur capacité aux soins intensifs. Plus le rouge est profond, plus l'état d'urgence est crucial à cet état spécifique.
