3 фатальные ошибки диаграммы «План-Факт», или Как уместить два показателя
Два параметра, и у каждого — план и реальность. Итого четыре метрики, которые отчаянно просятся на одно полотно. Задача со звездочкой, особенно если речь о ежемесячном дайджесте продаж.
Мы хотим видеть динамику живых денег и подписанных договоров, причем одновременно и в плане, и по факту.
Что ж, Excel по-старинке предлагает нам вот такое унылое зрелище:
Стандартный график, который хочется поскорее закрыть
Ошибка №1. Свалка из линий
Я уже не раз говорил и повторю снова: больше трех линий на одном поле — это визуальный шум, а не аналитика. Сейчас у нас четыре невыразительные кривые, в которых показатели слиплись. Где здесь выручка, а где контракты — непонятно.
Лечение. Разводим сущности по разным формам. Денежный поток оставляем линиям, а договоры выделяем столбцами. Так мы на уровне инстинктов группируем данные и убираем кашу.
Гениальное разделение: линии — рубли, столбцы — штуки
Ошибка №2. Уравниловка на осях
Кидать миллионы рублей и штуки контрактов на одну вертикальную ось — моветон. Это снова сбивает с толку, потому что категории разной природы. Ваша выручка исчисляется в миллионах, а договоры — в единицах. Им нужна персональная шкала.
Лечение. Вводим вспомогательную ось и балансируем их друг относительно друга (технику покажу ниже).
У каждой метрики — своя система координат
Ошибка №3. Безликость и немота
Две оси — это палка о двух концах. Они решают вопрос математики, но добавляют хаоса в восприятие. Теперь совершенно непонятно, слева или справа смотреть значение конкретного столбца или линии.
Лечение. Вертикальные оси безжалостно скрываем — они лишь сбивают с толку. Вместо них внедряем прямые подписи данных. Чтобы план и факт по договорам не дрались за внимание, плановый показатель выносим сбоку от столбца и красим в благородный серый.
Финальный штрих: «сажаем» график на глубокий темный фон и перекидываем легенду, чтобы разгрузить низ. Так рождается глубокая, air-прозрачная диаграмма, от которой взгляд аудитории не оторвется.
Прямые подписи вместо ребуса с осями. Элегантно и ясно
«Выручка млн. р.» — график с выразительными маркерами.
«Договоры план» и «Договоры факт» — гистограммы, вынесенные на вспомогательную ось.
Ряд «-» — особая область для заливки фона.
Распределяем роли
4-6. Настраиваем магию осей. По вертикальной оси устанавливаем потолок в 90, по вспомогательной — 100. По горизонтали захватываем диапазон будущих периодов, форматируем даты как «МММ».
Настраиваем магию осей
Настраиваем магию осей
Настраиваем магию осей
Этап второй. Доводим до блеска
7-8. Границу области (ряд «выручка млн. р.») задаем в глубоком зеленом (#4EB74F). Маркеры красим в цвет грядущего фона (#1D2226), чтобы они сияли на контрасте.
Тонкая настройка стилей и заливки
Тонкая настройка стилей и заливки
9. Внутренность области заливаем зеленым градиентом, сводя прозрачность к нулю книзу. Это создаст тот самый воздушный эффект.
Внутренность области заливаем зеленым градиентом
10. Линии плана по выручке делаем узнаваемым пунктиром, цвет — #5DFEBE.
Микс из разных типов графиков — это искусство упаковать максимум данных в одно пространство без визуальной гильотины.
Финансы и контракты, разведенные по своим осям и формам, сохраняют логическую связь, но не слипаются. Запомните главное правило хорошего тона: скрыли вертикальные оси — вывели значения прямо на поле, в маркеры.
Кстати, этот график пока без акцентов и выводов. Как считаете, что случилось с компанией в мае? Напишите свое аналитическое резюме в комментариях.