Как уместить на одном листе динамику четырёх показателей и не сойти с ума?

Excel-инструкция для тех, кто работает с живыми цифрами. Штуки, рубли, проценты — эти метрики жизненно важно сканировать в движении, во времени. Как быть, если стандартный график превращается в кашу из линий? Мой рецепт прост: забываем о мультиграфике и собираем ансамбль из четырёх самостоятельных диаграмм, нанизанных на единую ось времени, как на шампур.
Дашборд в динамике. Четыре графика, один фокус внимания
Этот приём — моя палочка-выручалочка в ежедневной практике. В примере — поквартальный разбор полётов рекламной кампании. На один экран собраны ответы на четыре вопроса, которые постоянно звучат в голове руководителя:
  • Куда дрейфует конверсия из визита в целевой звонок?
  • Что происходит с общим объёмом звонков?
  • Во сколько нам обходится один такой звонок?
  • Как пульсирует рекламный бюджет?
Чтобы одновременно жонглировать тремя и более сущностями (а они, как назло, измеряются в разной системе координат: проценты, штуки, деньги), я просто выстраиваю несколько элементарных диаграмм друг над другом.

Вся магия — в одном невидимом глазу трюке. Временная шкала склеивает все графики в монолитную историю. Чтобы подчеркнуть это единство, горизонтальная ось остаётся видна лишь у самой нижней, финальной диаграммы. У верхних — она безжалостно скрывается, оставляя только чистую динамику.

Сравните сами: такое решение бьёт по информативности и классическую солянку из линий, и даже продвинутую связку с двумя осями.
Сравнение дашборда и классического графика с двумя осями
Разница колоссальная. Вы транслируете не один, не два, а сразу четыре и более потоков данных, не превращая отчёт в винегрет из вертикальных шкал. В этом и кроется суть: одна ось времени (дирижёр) и персональная вертикальная шкала для каждой метрики (солисты). Вы получаете абсолютную свободу в настройке масштаба каждого яруса и мгновенно считываете корреляции. Как итог — выводы, за которые бизнес скажет спасибо.

Теперь о настройке оптики восприятия. Конверсия — величина процентная, деликатная. Чтобы визуально оторвать её от грубых «штук», я выбираю парящий линейный график.
Воздушная линия для тонких процентов
Деньги я всегда наделяю цветом жизни — зелёным. Столбцы гистограммы создают ощущение веса и пульса. Колебания их высоты, усиленные градиентной заливкой, добавляют драматургии.

Для пущей выразительности столбцы бюджета делаю массивными и широкими, дабы визуально дистанцировать их от рядовых «Звонков». В итоге бюджет выглядит дорого: глубокий зелёный, уверенный, широкий формат.
Массивный зелёный — это про деньги
Клеевым составом цветовой кодировки выступают синие столбцы «Звонки» и «Стоимость звонка». Они собирают пазл воедино. Узкие, с аккуратным градиентом, они дополняют общую картину.
Синяя пара: количество и цена
И о главном — о выводах. Запомните правило буравчика: к шефу вы идёте не с графиком, а с расшифровкой, вердиктом и готовым сценарием действий.

В моём кейсе точка наивысшего напряжения — август. Туда был брошен максимальный рекламный бюджет. Ответ рынка: запредельное число звонков при почти незаметном подорожании каждого из них. Это чистая, незамутнённая эффективность маркетинга.

Для акцента я не стал изобретать велосипед, а заключил все четыре метрики августа в лаконичную красную рамку. Вердикт же оформил на визуальном стикере, который мгновенно считывается глазом.
Умный акцент превращает цифры в аргумент

Пошаговая ИНСТРУКЦИЯ

Сохраните эту страницу в закладки — вы вернётесь к ней в самый нужный момент.

Пройдём путь от нуля до результата по шагам. Начинаем с чистого листа.

Для тренировки возьмите учебный файл.

График «Конверсия»

1. Стартуем с метрики «Конверсия». В нашем случае это доля результативных звонков в общем потоке работы колл-центра. Закладываем базу — обычный линейный график.
Стартуем с метрики «Конверсия»
2. Вызываем меню «Формат ряда данных» и начинаем колдовать.
Вызываем меню «Формат ряда данных»
3-4. Линию окрашиваем в благородный оттенок #6A2D8B и усиливаем её маркерами. Они превратят безликую линию в цепочку уверенных точек, удерживающих взгляд.
Линию окрашиваем в благородный оттенок
От заготовки к аристократичной линии

Отсекаем лишнее

Дашборд — аскеза. Разнородные диаграммы с наслоением осей и сеток порождают визуальный шум. Поэтому всё, что не несёт прямой пользы — удаляем.

5-6. Сначала растворяем горизонтальную ось. Следом за ней — вертикальную.
Растворяем горизонтальную ось
Следом за ней — вертикальную
7. Сетку ликвидируем без права на восстановление.
Удаляем линии сетки

Заголовок и пластика диаграммы

8. Теперь меняем пропорции: вытягиваем график, чтобы придать динамике размаха. Попутно корректируем границы области построения, освобождая поля для бокового заголовка и утилизируя каждый миллиметр пространства.
Вытягиваем график и освобождаем место
9. Форматируем заголовок и эвакуируем его на подготовленное боковое поле.
Вытягиваем график и освобождаем место

Подписи данных

10. Оси исчезли, и теперь мир без подписей рухнул бы. Включаем метки данных.
Метки вместо осей

Клонируем диаграмму

11. Копируем получившийся шедевр строго вниз. Я настаиваю именно на дублировании, а не на создании нового. Это сохранит все пропорции, позиции элементов и сэкономит ваши нервы при форматировании.
Копирование диаграммы
12. Указываем графику на столбец «Звонки» в таблице. Источник данных сменён — заголовок и значения тут же обновились.
Смена диапазона данных
13. Звонки — это вам не проценты, это «штуки». Поэтому линия здесь не к месту. Меняем тип на «Гистограмму с группировкой».
Клонирование и превращение в столбцы

Гистограмма «Звонки»

14. Приступаем к настройке. Делаем столбцы мускулистее, сужая боковой зазор.
Приступаем к настройке
15. Заливаем их градиентом от #0C7BD6 до #41A2F3, имитируя движение вверх.
Заливаем градиентом
16-17. Возвращаем горизонтальную ось — она нужна для масштаба. Чтобы разница высот бросалась в глаза, увеличиваем высоту области построения.
Возвращаем горизонтальную ось
Возвращаем горизонтальную ось
18-19. Метки загоняем внутрь столбцов (для лучшей читаемости) и окрашиваем в белый для броского контраста.
Метки загоняем внутрь столбцов
Метки загоняем внутрь столбцов

Гистограмма «Стоимость звонков»

20-21. Снова дублируем готовую гистограмму «Звонки». Переключаем внимание на столбец D («Стоимость»). Тип оставляем столбчатым.
Снова дублируем готовую гистограмму
Снова дублируем готовую гистограмму
22-24. Красим в приглушённый тёмный градиент, чтобы не спорить с бюджетом. Метки выталкиваем наружу. Возвращаем шрифту чёрный цвет, дабы текст не сплавился с заливкой.
Тёмный градиент и метки снаружи
Тёмный градиент и метки снаружи
Тёмный градиент и метки снаружи

Гистограмма «Бюджет»

25-26. Копируем «Стоимость» и перенацеливаем её на столбец «Бюджет».
Копируем «Стоимость»
Копируем «Стоимость»
27. Раздаём столбцам вширь — бюджет должен весить больше всех.
Увеличение ширины столбцов
28. Заливка — сплошная, глубокая: #106A68.
Заливка — сплошная
29-30. Метки — наружу, шрифт — чуть мельче (цифры громоздкие).
Тяжёлый зелёный и единственная ось времени
Тяжёлый зелёный и единственная ось времени
31. Реанимируем подписи у горизонтальной оси — это будет единственная временная шкала для всей сборки.
Форматирование горизонтальной оси

Проставляем акцент

32-33. Наводим фокус на август: рисуем красный прямоугольник, который накрывает значения всех четырёх графиков.
Наводим фокус на август
Наводим фокус на август
34-36. Вживляем стикер с текстовой аналитикой, выдержанный в едином стиле. Текст делаем ясным и хлёстким.
Красная рамка и вердикт на стикере
Красная рамка и вердикт на стикере
Красная рамка и вердикт на стикере

Результат

Из россыпи четырёх автономных графиков мы сплели дашборд, позволяющий директору по маркетингу просканировать эффективность рекламы за любой месяц. Август выделен рамкой и стикером. Диагноз таков: вливание рекордного бюджета принесло пик звонков, а цена за каждый из них подросла чисто символически. Блестящая работа.
Полезное
Скачайте готовый Excel-шаблон и просто подставьте свои цифры.

Не забудьте закрепить инструкцию в закладках — вы к ней ещё не раз вернётесь.

Хотите стать гуру визуализации? Моя книга «Магия диаграмм» — ваш учебник