데이터 세트, 뉴스, 시계열 분석 및 백신 분포 정보를 포함하여 코로나 바이러스에 대한 정보를 자세히 설명하는 React.js + Flask/MongoDB 웹 응용 프로그램. 사용자 친화적 인 인터페이스를 통해 데이터를 가져오고 제시하기 위해 6 API를 사용합니다. 동적 시각화를 위해 Chart.js & D3.js를 사용합니다.
다음은 실제로 웹 응용 프로그램의 비디오 데모입니다.
웹 응용 프로그램에는 4 개의 부서가 있습니다. 하나는 데이터 세트, 하나는 특정 뉴스 용, 하나는 시계열 분석 및 백신 분포 통계 용입니다. 이러한 각 탭은 플라스크 백엔드에서 가져온 고유 한 REST API를 사용합니다. REST API는 평판이 좋은 조직 (예 : data.gov, cdc.gov, covidtracking.com 또는 newsapi.org)에서 제공 한 별개의 API에서 가져온다.
이 웹 응용 프로그램은 두 가지 주요 프로세스, 즉 파이썬 백엔드와 반응 전면 엔드로 구성됩니다. 먼저, 파이썬 백엔드는 각각의 각 API에서 JSON을 특정 경로에 대해 가져 와서 시작합니다 (플라스크가 URL의 특정 탭으로 반환 값을 라우팅함에 따라). JSON을 통해 순환하여 필요한 모든 것을 잡습니다. 해당 특정 인덱스를 배열에 추가 한 후 배열을 JSON 사전 형태로 반환하고 Flask는 프론트 엔드의 REST API로 반환합니다. 그런 다음 프론트 엔드는 리시브 데이터 (데이터 세트 및 메타 데이터 또는 매일 양수 및 부정 사례)를 형식화하여 목록, 스크롤 가능한 DIV 또는 그래픽 표현에 따라 데이터를 제공하는 탭과 각각 제시합니다.
아래 이미지는 사용자 인터페이스와 함께 응용 프로그램 기능을 설명합니다. 
첫 번째 부서에는 코로나 바이러스와 관련된 관련 데이터 세트가 포함됩니다. 각 데이터 세트 "셀"에는 데이터 세트, 저자, 게시를 담당하는 조직, 게시 날짜 및 데이터 세트에 대한 간단한 설명이 포함됩니다. 또한 데이터 세트에 대한 다운로드 링크를 제공하며 데이터 자체를 살펴보고 싶을 때 유용합니다. 데이터와 메타 데이터는 data.gov에 의해 제공됩니다.

두 번째 부서에는 코로나 바이러스에 관한 정보 통계가 포함되어 있습니다. 또한 그래프 형태의 시계열 분석이 포함되어 있으며 Covid 추적 프로젝트의 데이터를 가져옵니다.

시계열 분석은 그래프 형태로 표시되며, 점은 Covid 추적 프로젝트에서 도표를 가져옵니다. 아래는 단일 그래프로 표시된 모든 매개 변수가있는 그래프의 이미지입니다.

아래 이미지는 그래프의 동적 특성을 나타내며 사용자의 요구를 충족시키기위한 조정 가능한 매개 변수를 나타냅니다. 사용자가 가부색 매개 변수를 보지 않아도되면 단순히 교차 할 수 있으며 그래프와 축은 부드러운 애니메이션으로 자동으로 조정됩니다.

두 번째 그래프는 특정 값 (예 : 하루에 총 사례, 하루에 입원 등)의 미분 (또는 변화율)을 나타냅니다. 이 그래프는 일반적으로 Covid 테스트 관행으로 인해 진동하는 특성을 가지고 있지만 역사적으로 그랬던 것과 비교하여 현재 순간에 문제가 얼마나 심각한지를 잘 보여줍니다. 마지막 그래프와 마찬가지로이 그래프는 동적이며 사용자가 재량에 따라 그래프를 변경하고 조정할 수 있습니다.

아래는 바닥 글의 이미지이며, 데이터가 마지막으로 업데이트 된 날짜와 함께 Covid 추적 프로젝트 API에서 직접 가져 왔습니다.

세 번째 부서에는 코로나 바이러스에 관한 뉴스가 포함되어 있습니다. 각 뉴스 "셀"에는 기사 제목, 저자, 출판물, 출판 날짜, 표지 이미지 및 데이터 세트의 간단한 설명이 포함됩니다. 또한 향후 시청 또는 더 많은 것을 배우기 위해 기사에 대한 링크를 제공합니다. 데이터와 메타 데이터는 Newsapi.org에서 제공합니다.


네 번째 부서에는 분포 통계, 통계 시각화 및 cdc.gov의 백신 진행을 나타내는 미국지도를 포함한 관련 백신 정보가 포함되어 있습니다.

이 부서에는 각 juristriction 당 백신 복용량 선적 및 관리가 포함되어 있으며, 모두 스크롤 가능한 DIV의 형태로 포함됩니다. 또한 최종 사용자에게 쉽게 액세스 할 수 있도록 지역별로 그룹화합니다.

이 부서에는 또한 위의 데이터의 막대 그래프 (Juristriction의 백신 복용량 선적 및 관리)가 포함되어 있으며, 이는 사용자가 자체에 대한 데이터를 훨씬 쉽게 볼 수있는 형식으로 볼 수 있도록 도와줍니다.

마지막으로, 백신의 진행 상황을 지리적으로 볼 수 있도록 미국지도가 제공됩니다. 상태를 통해 호버링함으로써 위에 제시된 데이터 (매핑 된 방식으로 형식)를 볼 수있을뿐만 아니라 ICU 용량의 현재 상태를 동시에 볼 수 있습니다. 빨간색이 깊을수록 비상 상태가 더 중요합니다.
