Нужна почта, я расшарю доступ в репозиторий. Ссылка на фигму https://www.figma.com/file/uTDDKCIB8st3ifUc2Nq4EQ/Untitled?node-id=1%3A10

Описание продукта

Мы разрабатываем бота в телеграмме, который помогает вести дневниковые практики. Например, отмечать и следить за своим настроением. Человек выбирает в боте тот дневник, который хочет вести; бот присылает пачку вопросов в указанное время и собирает статистику для человека.

Описание задачи

Нужно сверстать 8 страничек (layout) для показа статистики. Описание каждой страничке ниже. Названия страничек совпадают с названием фрейма в фигме и результирующий файл должен быть равен названию шаблона (без Layout). Для каждого шаблона указаны параметры с помощью которых будет отображаться динамический контент.

Count Layout

Показывает сколько раз человек заполнял практику за последние N дней.

Парметры:

header: Текст с информаций о практике, которую человек заполнял
count: число заполнений за последние N дней

Chart Layout

Изображается график за последний месяц что человек выбирал

Параметры:

header: заголовок
chart_data: {
	labels: [смайлы по оси у],
  xData: [1, 2,3 ,... день месяца],
  yData: [5,5,4,4,3,5, значение по фиксированной шкале],
  yMin: 1,
  yMax: 5
}

Смайлики как лейблы не должны быть захардкожены. Они должны передаваться как параметры, как показано выше. Для отрисовки графиков планируется использовать библиотеку https://www.chartjs.org/. Принимаются любые предложения как собрать график без использования указанной библиотеки. Лучше вообще без библиотеки!

Значения по шкале У ограничены и в данных будут передаваться минимальное и максимальное значение. Для каждого шага по оси У соответствует одно значение labels. Порядковый номер значения в массиве labels соответствуют порядковому номеру шага.

Scale Layout

Показывает распределение того, что выбирал человек по шкале. Другими словами, как часто человек выбирал тот или иной ответ.