Как визуализировать план-факт: два цветовых сценария
Инструкция по сборке в Excel. Столбчатые диаграммы считываются нашим мозгом практически мгновенно. В рабочей аналитике я чаще всего обращаюсь именно к ним, чтобы наглядно сопоставить «ожидание и реальность».
В этом разборе покажу две дизайн-концепции для диаграммы «план/факт».
Игра тонов одного цвета или столкновение контрастов?
Я убеждён: столбцы плана стоит делать приглушёнными, а факта — сочными. Потому что план — это лишь наши гипотезы и намерения, его задача быть фоном, а не перетягивать внимание.
От вертикальной оси советую отказаться вовсе, а значения выводить прямо на столбцах — так считывать цифры гораздо легче. Главный нюанс здесь — наложение подписей плана и факта друг на друга. Решение элегантное: сдвинуть текст плана левее и немного уменьшить кегль. В инструкции распишу, как воплотить это средствами Excel.
Перед вами пример мониторинга выполнения плана по звонкам для отдела продаж. Неважно, анализируете вы месяц или следите за ежедневной динамикой, — столбчатая диаграмма даёт мгновенную оценку высоты показателей.
При её оформлении критически важна цветовая логика. Работающих подходов два:
1. Монохромная глубина: берём один цвет и меняем его насыщенность. План отдаём под светлые, разреженные оттенки, факт красим плотными, густыми тонами.
Здесь базовый — фиолетовый. План задан полупрозрачной дымкой.
2. Цветовой конфликт. В этой схеме план намеренно уводим в «тревожный» спектр. Если план не выполнен, тревожный цвет агрессивно возвышается над фактом. Логика проста: чем больше оранжевого массива — тем хуже обстоят дела.
Факт остаётся тёмным и глубоким, план — светлым, но вызывающе контрастным по цвету
Выбор метода продиктован контекстом:
Если ваш отчёт многокомпонентный, и у каждого показателя свой смысловой цвет, — берите первый вариант.
Если же система координат строится на светофоре «плохо-хорошо», однозначно заходит второй сценарий.
🤍 Жмите закладку в браузере — такой материал обязательно пригодится в нужный момент.
Прогуляемся по всем шагам последовательно. Базу строим на стандартном графике. Чтобы набить руку, скачайте учебный файл.
Сборка диаграммы
1-2. Строим обычную гистограмму с группировкой.
Внедряем базовую Гистограмму
Внедряем базовую Гистограмму
Настройка геометрии столбцов
3. Запускаем перекрытие рядов и сжимаем боковой зазор — так столбцы встанут плотнее, монолитнее.
Тонкая настройка столбцов
4. Ряд «План» заливаем сплошным, матовым тоном #652CD3.
Тонкая настройка столбцов
5. Ряду «Факт» назначаем более энергичный цвет #682DD3 для визуального акцента.
Тонкая настройка столбцов
Тюнинг подписей данных
6-8. Ряд «План»: Подписи выносим наружу и вручную смещаем текст левее. Корректируем формат.
Внедрение подписей на столбцы
Редактирование полей подписей данных
Форматирование подписей
9-10. Ряд «Факт»: Метки размещаем прямо внутри основания столбца. Оформляем белым, жирным шрифтом — на тёмно-лиловом фоне это создаёт необходимый контраст.
Лаконичная столбчатая диаграмма мгновенно и без искажений демонстрирует соотношение плановых обязательств и реальных достижений.
В «оранжевой» версии превышение плана фактом видно по выступающим оранжевым верхушкам над синими основаниями. Доминирование оранжевого в такой визуализации — прямой сигнал о критическом отставании.