Task 8. Covid dashboard для RS School
Приложение для отслеживания распространения COVID-19 в мире и в отдельных странах. Информацию необходимо представить в виде таблицы, списка, графика и интерактивной карты.
- Таблица, в которой отображаются следующие данные:
- количество случаев заболевания
- количество летальных исходов
- количество выздоровевших
В таблице есть переключатели для отображения данных:
- за весь период пандемии и за последний день (последнюю возвращаемую API дату)
- в абсолютных величинах и из расчёта на 100 тыс. населения
-
Список стран для каждой из которых по умолчанию отображается общее количество случаев заболевания за весь период пандемии. У пользователя есть возможность выбрать для отображения в списке любой другой показатель из тех, которые могут отображаться в таблице. Список стран сортируется по убыванию по выбранному показателю. Работает поиск по названию страны. Поиск работает "на лету": по мере ввода названия страны отображаются все соответствующие введённым символам результаты. Результат поиска можно выбрать кликом, даже если поисковый запрос ещё не был введён полностью. Возле каждой страны выводится изображение её флага.
-
Интерактивная карта на которой условными обозначениями: цветом или размером маркера указывается интенсивность распространения болезни в разных странах. По умолчанию интенсивность определяется по общему количеству случаев заболевания за весь период пандемии. У пользователя есть возможность выбрать для определения интенсивности распространения болезни любой другой показатель из тех, что могут отображаться в таблице. Карта интерактивная, есть возможность перетаскивать карту, уменьшать и увеличивать масштаб. При наведении курсора на страну появляется всплывающая подсказка - название страны и показатель, который в данный момент используется для определения интенсивности распространения болезни. У карты есть легенда. Для оформления карты используется кастомный дизайн.
-
График по умолчанию строится по общему количеству случаев заболевания. При наведении курсора на график появляется всплывающая подсказка с датой, соответствующей этой точке графика и данными по этой дате. У пользователя есть возможность просмотреть график по любому из выбранных показателей из тех, которые выводятся в таблице, как для мира в целом, так и для любой выбранной страны.
Переключение данных в разных блоках информации (таблица, список, карта, график) происходит согласованно. Это означает что при переключении данных для отображения в одном блоке информации или при выборе определённой страны, эти же данные для выбранной страны должны отображаться и в других блоках информации. Наличие отдельных переключателей для отображения данных в каждом блоке информации объясняется тем, что каждый блок информации можно развернуть в полный экран.