ChrisLisbon / datavis.homework

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Datavis homework

Данные

В данных содержатся массив стран с базовой информацией о каждой стране и изменение во времени пяти параметров:

  • population - население;
  • gdp - ВВП;
  • child-mortality - детская смертность;
  • life-expectancy - продолжительность жизни;
  • fertility-rate - коэффициент фертильности.

Первый шаг

Построить пузырьковую диаграмму, на которой:

  • Позиция элементов по осям x и y определяется заданными пользователем при помощи селекторов параметрами;
  • Площадь элементов определяется заданным пользователем при помощи селектора параметром;
  • Оси динамичиски меняются при изменении параметров;
  • Цвет элементов задается на основе параметра region;

Второй шаг

Реализовать динамическое обновление пузырьковой диаграммы при изменении позиции временного ползунка.

Третий шаг

Построить столбчатую диаграмму, на которой:

  • Отображается среднее значение по выбранному параметру для всех стран каждого из регионов:
  • Позиция элементов по оси х соответствовало порядку их следования в легенде;
  • Цвета элементов определяются регионом и соответствуют цветовой кодировки в легенде и на пузырчатой диаграмме; Столбчатая диаграмма должна динамически меняться при изменении параметра и позиции временного ползунка.

Четвертый шаг

При клике на элемент столбчатой диаграммы данный элемент выделяется среди других элементов при помощи прозрачности. На пузырьковой диаграмме отображаются только страны, находящиеся в выбранном на столбчатой диаграмме регионе.

Пятый шаг

При клике на элемент пузырчатой диаграммы:

  • Выбранный элемент выделяется среди прочих элементов пузырьковой диаграммы при помощи контура и отрисовывается поверх прочих элементов.
  • На основе данных о выбранной стране строится линейная диаграмма, на которой:
    • По оси x оторажена временная шкала;
    • По оси y отложены значения выбранного параметра; Линейная диаграмма должна динамически меняться при выборе другой страны и изменении выбранного параметра.

Сдача

Для сдачи необходимо:

  • Сделать fork данного репозитория;
  • Внести нобходимые изменения;
  • Настроить Github Pages в настройках своего репозитория;
  • Прислать ссылку на страницу решения на Github Pages в тг(@PapaKKKarlo).

Для отладки можно запустить локальный сервер на python.

About


Languages

Language:JavaScript 48.3%Language:HTML 38.6%Language:CSS 13.1%