Веб -приложение React.js + Flask/Mongodb, в котором подробно рассказывается о коронавирусе, включая наборы данных, новости, анализ временных рядов и информацию о распределении вакцины. Использует 6 API для получения и представления данных через удобный пользователь интерфейс. Использует chart.js & d3.js для динамических визуализаций.
Вот видео демонстрация веб -приложения в действии.
В веб -приложении есть 4 подразделения; Один для наборов данных, один для конкретных новостей, один для анализа временных рядов и один для статистики распределения вакцин. Каждая из этих вкладок использует свой собственный уникальный API REST, который извлекается из бэкэнда Flask. REST API извлекает из своего отдельного API, предоставленного от авторитетной организации (например, Data.gov, CDC.gov, Covidtracking.com или Newsapi.org).
Это веб -приложение состоит из двух основных процессов: бэкэнд Python и реагировать передний конец. Во -первых, бэкэнд Python начинается с извлечения JSON из каждого соответствующего API для их конкретного маршрута (поскольку колба направляет их возвратные значения на эту конкретную вкладку URL) и проходит через JSON, захватывая все, что ему нужно. После добавления этих конкретных индексов к массиву, он возвращает этот массив в виде словаря JSON, и Flask возвращает его в качестве API REST для переднего конца. Затем передний конец форматирует данные, которые он получает, (это будут наборы данных и их метаданные или положительные и негаитные случаи в день), представляя их либо в списке, прокручиваемом Div или графическом представлении, соответствующей любой вкладке, на которой она обслуживает данные.
Изображения ниже описывают функциональность приложений вместе с его пользовательским интерфейсом. 
Первое подразделение включает в себя соответствующие наборы данных, относящиеся к коронавирусу. Каждый набор данных «ячейка» включает в себя название набора данных, автора, организацию, ответственную за публикацию, дату, которую он был опубликован, и краткое описание набора данных. Он также предоставляет ссылку для загрузки на набор данных, полезный, если кто -то хочет взглянуть на сам данные. Данные и метаданные предоставляются data.gov.

Второе подразделение содержит информационную статистику, касающуюся коронавируса. Он также содержит анализ временных рядов в виде графика и получает данные из проекта отслеживания COVID.

Анализ временных рядов представлен в форме графика, причем точки, построенные из проекта отслеживания Covid,. Ниже приведено изображение графика со всеми различными параметрами, представленными в одном графике.

Изображение ниже представляет динамическую природу графика с регулируемыми параметрами для удовлетворения потребностей пользователя. Если пользователю не нужно просматривать патикулярный параметр, он может просто вычеркнуть его, и график и оси регулируются автоматически, все с плавной анимацией.

Второй график представляет производную (или скорость изменения) конкретных значений (таких как общие случаи в день, госпитализации в день и т. Д.). Этот график обычно имеет колебательный характер из -за методов тестирования Covid, но является хорошим признаком того, насколько серьезной проблема в настоящем моменте по сравнению с исторически, чем она была. Подобно последнему графику, этот график также является динамическим, что позволяет пользователю изменять и регулировать график по их усмотрению.

Ниже приведено изображение нижнего колонтитула, с датой, когда данные в последний раз обновлялись, непосредственно извлечен из API проекта отслеживания Covid.

Третья дивизия содержит новости о коронавирусе. Каждая новость «ячейка» содержит название статьи, автора, публикацию, опубликованную дату, изображение изображения обложки и краткое описание набора данных. Это также предоставляет ссылку на статью для будущего просмотра или изучения большего. Данные и метаданные предоставляются newsapi.org.


Четвертое подразделение содержит соответствующую информацию о вакцинах, включая статистику распределения, визуализацию статистики и карту США, указывающую на прогресс вакцины, из CDC.gov.

Это подразделение содержит поставки дозировки вакцины и администрации на каждую юридическую линию, все в форме прокручиваемого Div. Он также объединяет их по региону, для более легкого доступа к конечному пользователю.

Это разделение также содержит гистограмму приведенных выше данных (поставки дозировки вакцины и администрации по юридированию), которая помогает пользователю рассматривать данные относительно себя, в гораздо проще просмотреть формат.

Наконец, карта США представлена для географического просмотра прогресса вакцины. Парив над состоянием, можно просмотреть данные, представленные выше (отформатированные на карту), а также одновременно просмотреть текущее состояние их емкости в ОИТ. Чем глубже красный, тем важнее чрезвычайное положение в этом конкретном состоянии.
