Я недавно с открытым исходным кодом новый 📈 Коронавирус (Covid-19) Панель инструментов которая показывает динамику (кривизна графика) распределения соронавируса на страну.
Рассуждение
Причиной создания новой панели мониторинга было дополнение известного JHU Dashboard (который сделан Johns Hopkins CSSE) с особенностью увидеть диаграммы с количеством COVID-19 Подтверждено / восстановлен / Смерть применение использования на страну.
По сути, у меня был вопрос, как “А как насчет Нидерландов/Украины?” , “Замедляется ли вирус (фактор роста)?” , “Как я могу сравнить динамику выздоровления/смерти по стране?” , «Какие страны делают правильные вещи, чтобы замедлить фактор роста» Анкет
Вот как выглядит основная функция:
Источник данных и технологий
Дискона использует COVID-19 (2019-NCOV) Репозиторий данных от Johns Hopkins CSSE как источник данных.
Фронт-конец, я пытался сделать это максимально простым, поэтому приборная панель использует чистый React.js (Без JSX Транспиллер или CreatereActApp стартер). Чтобы отобразить данные, которые я использовал Charts.js Нарисовать график и Таблица начальной загрузки Чтобы отобразить сортируемые, доступные для поиска и кликабельную таблицу данных.
Основная функциональность
Панель инструментов по-прежнему необработанна, но она обеспечивает основную функциональность отображения глобальных и графиков данных для каждой страны.
Например, вот как выглядит глобальная динамика подтвержденных/восстановленных/смертельных случаев использования, как для 23 марта:
Здесь мы можем увидеть позитивную динамику для Китая (Хубей):
Мы также можем сравнить Италию с Испанией:
Регионы отображаются в сортируемой, доступной для поиска и кликабельности данных:
Известные вопросы
Следующая функциональность еще не реализована Но это улучшит удобство использования приборной панели:
- Группирование регионов по странам, чтобы увидеть агрегированную статистику для всего США, Китая и т. Д. (На данный момент статистика для США разделена государствами)
- Сброс выбора регионов/стран на один щелчок
- Размещать выбранные фильтры в URL, чтобы ссылка на панель инструментов была общей заполненной (с предварительно отобранными фильтрами)
Оригинал: “https://dev.to/trekhleb/i-ve-open-sourced-a-simple-coronavirus-covid-19-dashboard-react-chart-js-bootstraptable-4i49”