Um aplicativo da Web React.js + Flask/MongoDB que detalha informações sobre o Coronavírus, incluindo conjuntos de dados, notícias, análise de séries temporais e informações de distribuição de vacinas. Utiliza 6 APIs para buscar e apresentar dados por meio de uma interface amigável. Utiliza o Chart.js & D3.js para visualizações dinâmicas.
Aqui está uma demonstração de vídeo do aplicativo da web em ação.
O aplicativo da web possui 4 divisões; Um para conjuntos de dados, um para notícias específicas, uma para análise de séries temporais e outra para estatísticas de distribuição de vacinas. Cada uma dessas guias utiliza sua própria API de REST exclusiva que é buscada no back -end do frasco. A API restante busca sua API distinta fornecida de uma organização respeitável (como data.gov, cdc.gov, covidtracking.com ou negapi.org).
Este aplicativo da Web consiste em dois processos principais: o back -end do Python e o front end. Primeiro, o back -end do Python começa buscando o JSON de cada API respectiva para sua rota específica (enquanto o Flask direciona seus valores de retorno para essa guia específica do URL) e percorre o JSON, pegando o que quer que precise. Depois de anexar esses índices específicos a uma matriz, ele retorna essa matriz na forma de um dicionário JSON, e o Flask o devolve como uma API REST para que o front end. O front -end formata os dados que ele recebe (serem conjuntos de dados e seus metadados ou casos positivos e negaitve por dia), apresentando -os em uma lista, divolível ou representação gráfica, respectivamente a qualquer guia que esteja servindo os dados.
As imagens abaixo descrevem a funcionalidade de aplicativos junto com sua interface do usuário. 
A primeira divisão inclui conjuntos de dados relevantes referentes ao Coronavírus. Cada conjunto de dados "célula" inclui o título do conjunto de dados, o autor, a organização responsável pela publicação, a data em que foi publicada e uma breve descrição do conjunto de dados. Ele também fornece um link de download para o conjunto de dados, útil se alguém quiser dar uma olhada nos dados em si. Os dados e metadados são fornecidos pelo Data.gov.

A segunda divisão contém estatísticas informacionais sobre o coronavírus. Ele também contém uma análise de séries temporais na forma de um gráfico e busca dados do projeto de rastreamento CoVID.

A análise de séries temporais é representada na forma de um gráfico, com os pontos plotados sendo buscados no Projeto de Rastreamento Covid. Abaixo está uma imagem do gráfico com todos os diferentes parâmetros, representados em um único gráfico.

A imagem abaixo representa a natureza dinâmica do gráfico, com parâmetros ajustáveis para atender às necessidades do usuário. Se o usuário não precisar visualizar um parâmetro paticular, poderá simplesmente cruzá -lo e o gráfico e os eixos se ajustam automaticamente, tudo com uma animação suave.

O segundo gráfico representa a derivada (ou taxa de mudança) de valores específicos (como casos totais por dia, hospitalizações por dia, etc.). Este gráfico normalmente tem uma natureza oscilante devido a práticas de teste CoVid, mas é uma boa indicação de quão grave o problema é no momento atual em comparação com o que tem sido historicamente. Semelhante ao último gráfico, este gráfico também é dinâmico, permitindo que o usuário altere e ajuste o gráfico conforme sua discrição.

Abaixo está uma imagem do rodapé, com a data em que os dados foram atualizados pela última vez, retirados diretamente da API do Projeto de Rastreamento Covid.

A terceira divisão contém notícias sobre o coronavírus. Cada notícia "célula" contém o título do artigo, o autor, a publicação, a data publicada, uma imagem da imagem da capa e uma breve descrição do conjunto de dados. Ele também fornece um link para o artigo para visualização ou aprendizado futuro. Os dados e metadados são fornecidos pelo newsapi.org.


A quarta divisão contém informações relevantes sobre vacinas, incluindo estatísticas de distribuição, uma visualização das estatísticas e um mapa dos EUA indicando progresso da vacina, do CDC.gov.

Esta divisão contém remessas e administrações de dosagem de vacinas de acordo com cada juristrição, tudo na forma de uma div. Também os agrupa por região, para facilitar o acesso ao usuário final.

Essa divisão também contém um gráfico de barras dos dados acima (remessas e administrações de dosagem de vacinas por juristrição), o que ajuda o usuário a visualizar os dados em relação a si mesmo, em um formato muito mais fácil de visualizar.

Finalmente, um mapa dos EUA é apresentado para visualizar geograficamente o progresso da vacina. Ao pairar sobre um estado, pode -se visualizar dados apresentados acima (formatados de maneira mapeada), bem como visualizando simultaneamente o estado atual de sua capacidade de UTI. Quanto mais profundo o vermelho, mais crucial é o estado de emergência nesse estado específico.
