Как визуализировать длинные подписи и множество метрик?

Как подбить итоги по двум показателям, если их названия не умещаются на экране?

Когда нужно лоб в лоб столкнуть два параметра, классическая вертикальная гистограмма — первое, что приходит в голову. Но что делать, если подписи категорий слишком громоздкие или их накопился добрый десяток? Решение — завалить график на бок. В мире Excel такой прием называется линейчатой диаграммой.

Разберем кейс: мы испытывали два лендинга («А» и «B») и замеряли отдачу от пяти рекламных кампаний. Задача — выяснить, в какую сумму обходится одна заполненная заявка на каждой из страниц.
Линейчатая диаграмма для «длинных» показателей
Механика здесь проста, поэтому пройдемся только по ключевым фишкам оформления.

1. Контрастная палитра для версий

Я намеренно использовал сочные, различимые цвета. Взгляд мгновенно считывает, где результаты варианта «A», а где — «B». Даже при мимолетном взгляде сравнение становится очевидным и выпуклым.
Яркая палитра мгновенно цепляет внимание зрителя

2. Оси долой — добавлены метки данных

Линии сетки и оси полностью удалены. Числа вынесены прямо на столбцы — значение видно сразу, без перевода взгляда на линейку. Формат ячеек настроен как денежный, с литерой «Р» на конце, чтобы у аудитории не осталось сомнений: счет идет на рубли.
Сравнение перегруженного графика и минималистичной версии после настройки
Чистый дизайн и прозрачная визуализация помогают мигом оценить работоспособность объявлений и выжать из рекламы максимум.
📥 Забрать готовый Excel-файл — просто вбейте свои цифры в шаблон.

🤍 Подпишитесь — этот канал вас выручит в самый нужный момент.

Хотите собрать своими руками?

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

Все этапы детально заскриншочены.

1. Строим базовую линейчатую диаграмму.
Первый этап
2. Стандартные настройки разворачивают категории снизу вверх, путая версии. Лечится это в окне «Выбор источника данных».
Второй этап
3. Увеличиваем толщину столбцов — так данные читаются гораздо легче.
Третий этап
4. Вариант «А» красим в энергичный зеленый (#69D780).
Четвертый этап
5. Вариант «B» выделяем глубоким синим (#0077EC).
Пятый этап
Шестой этап
Все необходимые навыки для превращения цифр в убедительные образы — в моей книге.