Техническое задание

Необходимо сверстать и запрограммировать с использованием js/three.js и библиотеки для графиков 3 страницы. Шаблон страницы с шапкой будет предоставлен.

1. Статистика

Необходимо подобрать библиотеку для построения графиков и сверстать на случайных данных таблицы, приведенные в шаблоне.

2. Круги

Необходимо сверстать страницу (начиная с "BMW 3", кроме линии с шапкой).

В центре в шапке находит цель, от неё отходят линии, которые указывают определенный интервал. Нужно написать функцию, которая будет отрисовывать такую картинку. Входные данные - сфера (от 1 до 5, в зависимости от этого выбирается цвет и сектор, где будет находиться шар), дата (отдаленность от центра, радиус). При наведении на круг от раскрывается (показано в круге с наведенным указателем).

3. Горы

Нужна функция, которая будет отрисовывать гору (только часть с горой, без шапки и слайдера снизу, в psd макете он будет убран). На вход передаются следующие данные: информация о цели (ID, название, %, подтекст аватарка, эта информация выводится при наведении на аватарку цели на вершине горы), сложность (от этого зависит высота горы), сфера (от этого зависит на какой четверти будет находит гора, горы находятся на 4 линиях, с 1 по 4), дата создания цели (в зависимости от этого параметра выбирается отдаленность горы от зрителя, чем раньше дата, тем ближе гора)