Здравствуйте, Жаныбек!
Вы привели пример одного из самых базовых и распространённых мониторинговых дашбордов — овервью продаж. В целом, он неплохо собран, при условии, что действительно отвечает на важные вопросы бизнеса. Но даже на таком простом примере можно кое‑что улучшить, применив принципы визуализации сложных данных и подход алгоритма Δλ.
Начнём с приниципа логичности, согласно которому похожие элементы должны «притягиваться» друг к другу. У вас есть два этажа — сегодня и всего за период — разделённые детальным графиком. При этом выбор периода отстоит от блока, к которому применяется, из‑за этого не сразу понятно, что показывают общие цифры.
Предлагаю поставить эти блоки рядышком, заодно избавиться от не нужных в этом сценарии знаков после запятой и причесав заголовок, чтобы он читался более естественно и не приходилось спотыкаться о кнопки «Экспорт» и «Печать» в поисках периода отчёта.
За счёт логичного и компактного расположения получилось увеличить спарклайны в разы.
Динамике не нужна вся ширина, давайте справа от неё поставим столбчатые диаграммы по источнику заказа и способу оплаты. Теперь можно настроить интерактивную связь между блоками и добавить цвет на один из срезов:
Интерактивная связь и цветовое кодирование — это следствие того, что под капотом у всех графиков лежит один и тот же набор заказов.
На первом экране мы уже показали больше, чем в исходном варианте дашборда, плюс закрыли дополнительные сценарий по просмотру динамики по срезам.
Время и день недели я объединила в хитмап, вместо выручки показала заказы и добавила туда цветные срезы по источнику, чтобы видеть, что в кафе обедают и ужинают, а доставку чаще заказывают после 20:
Один график по времени суток и дню недели не просто показывает самые загруженные часы и дни, но и даёт возможность проанализировать загрузку на стыке этих параметров. При этом цветовое кодирование по источнику логично «прорастает» и здесь, так как под капотом у хитмапа те же заказы.
В конце можно показать полную таблицу с позициями и метриками по ним, прямо в таблице дать возможность сортировать позиции по выручке/прибыли/заказам:
Тут работает принцип информативности — зачем показывать меньше, если можно показать больше без ущерба читаемости. Если добавите в таблицу фильтр по типу (еда/напитки/десерты) и прибыль в процентах, то получится закрыть ещё несколько сценариев.
Хотела правки как обычно накидать в макете, но поленилась и сделала через Курсор. От исходной картинки, которую прислал Жаныбек, до готового интерактивного дашборда с правками и данными под капотом ушло меньше часа и всего с десяток запросов. Вёрстку можно докрутить, но вообще ИИ‑инструменты при работе с данными — это мощь. Рекомендую!
Живой дашборд доступен по ссылке:
P. S. Это был совет о визуализации данных. Хотите узнать всё о таблицах, графиках, диаграммах, картах, схемах и дашбордах? Присылайте вопросы.