Я выложил в "оупен-сорс" новую информационную панель распространения Коронавируса COVID-19, которая позволяет анализировать динамику (кривизну графика) распространения Коронавируса для разных стран.
Причина создания панели
Новой информационной панелью я хотел дополнить довольно известную Панель от университета Джонса Хопкинса возможностью увидеть графики с количеством подтвержденных случаев, случаев выздоровления и случаев смерти от вируса COVID-19 для каждой страны (штата, региона, области).
Меня лично интересовали вопросы типа: "Замедляется ли кривая роста (скоро ли плато)?", "Как я могу сравнить динамику кривых роста между двумя странами?", "Какие страны применили лучшие карантинные меры для более быстрого достижения плато на графике?" и т.п.
Функциональность панели выглядит следующим образом:
Источники данных и технологический стек
В качестве источника данных панель использует COVID-19 (2019-nCoV) Репозиторий от Университета Джонса Хопкинса.
Браузерную часть панели я пытался сделать как можно более простой, путем использования "чистого" React.js (без JSX транспайлера, npm менеджера пакетов и CreateReactApp стартера). Для отображения данных на графике была использована библиотека Charts.js, а для отображения данных в таблице была использована библиотека Bootstrap Table, которая дала возможность сортировать данные по колонкам, а так же выполнять поиск страны по ее названию.
Основная функциональность
Информационная панель достаточно минималистичная и довольно "сырая" (это всего-лишь ее первая версия), но уже в текущем состоянии она позволяет отображать мировую статистику, а так же статистику распространения вируса по странам визуально на графике.
Например вот так выглядит мировая статистика с количеством зарегистрированных случаев, случаев выздоровления и случаев смерти на 23-е марта:
Здесь мы можем увидеть, как Китаю удалось достигнуть "плато" на графике:
Мы также можем сравнить статистику по нескольким странам:
Страны отображаются в табличке, в которой можно выполнять сортировку и поиск:
Существующие
На данный момент перечисленная ниже функциональность еще не реализована, но в перспективе может улучшить UX приложения:
- Группировка регионов по странам с возможностью посмотреть статистику по всей стране (например по США, Китаю и другим странам).
- Возможность сбросить выбранные страны за один клик.
- Добавление выбранных стран в URL для дальнейшей возможности поделиться ссылкой с уже заранее выбранными фильтрами.
