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