Изучи структуру этих данных, я планирую создать на их основе дашборд. Предложи структуру.
Создай HTML-дашборд на моих данных по следующей структуре:
Структура: Аналитика продаж
KPI
5 карточек: Заказы, Средний чек, Себестоимость, Маржинальность, Выручка — с абсолютным значением и индикатором
2
Динамика по месяцам (линейный график) · Возрастные группы (столбчатая диаграмма)
3
Анализ по каналам · Топ-10 брендов · География продаж — горизонтальные диаграммы
Добавь в правый верхний угол кнопку «Обновить данные». При нажатии должно открываться окно выбора Excel-файла. Если структура файла совпадает с той, что используется в дашборде — данные автоматически подгружаются, а пользователю показывается сообщение об успешном обновлении. Если структура отличается — выводится сообщение об ошибке структуры. Обновление должно работать локально.
Добавь над уровнем диаграмм фильтры по показателям: выручка, маржинальность, средний чек, заказы. Они должны переключать все диаграммы на дашборде. Рядом с кнопкой обновления данных добавь кнопку сброса фильтров.
Реализуй кросс-фильтрацию между визуалами. При выборе категории (или элемента) в любой диаграмме должны пересчитываться связанные показатели: KPI-карточки и остальные диаграммы. Пользователь должен явно видеть активный выбор (подсветка выбранного элемента). Кнопка сброса фильтров должна работать и на кросс-фильтр.
Добавь в дашборд кнопку-переключатель светлой/тёмной темы. Требования: плавный переход фона и текста; при смене темы меняются: фон, цвета текста, акценты (фирменный цвет), цвета графиков (читаемость в обеих темах). Стиль: современный clean-tech, без лишнего декора.
Проверяем: тёмный фон — светлый текст, светлый фон — тёмный текст. Читаемость не должна нарушаться ни в одной теме.