Как элегантно уложить два показателя на одну диаграмму

Давайте превратим шаблонный линейный график Excel в произведение дизайнерского искусства.

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

Посмотрите, что получается после легкого тюнинга.

Информативность взлетает, а лишний шум исчезает. Диаграмма выглядит дорого и сразу цепляет взгляд.

Стоковый вариант кажется пресным: обычные линии, предустановленные оттенки — всё это невыразительно и скучно.

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

Фишка визуала — скругленные маркеры с белой окантовкой и благородная цветовая гамма. Никакой магии, лишь тонкая настройка стиля.

1. Заменили палитру линий на более изысканную.
2. Внедрили выразительные маркеры.
3. Активировали метки данных.
4. Подписали вертикальную ось.
5. Полностью убрали вертикальные разделители сетки.
6. Растянули область диаграммы по горизонтали.

Эти простые приемы рождают легкий, стильный график, который считывается мгновенно и оставляет вау-эффект.

Диаграмма с двумя переменными — ваш идеальный помощник в ситуациях, где нужно визуально раскрыть отношения двух величин:

• Финансовая аналитика. Компактно покажите, как соотносятся доходы и затраты компании в динамике.
• Маркетинговые срезы. Визуализируйте связь между интересом к продукту и реальными продажами.
• Научная работа. Сопоставьте результаты наблюдений по нескольким параметрам.
• Прогнозирование. Отобразите ожидаемые тренды сразу по двум факторам.

Линейная графика — мастхэв для работы с временными шкалами. Она моментально обнажает динамику и точки перелома. Маркеры фиксируют значимые события, а сдержанный дизайн концентрирует внимание на цифрах, убирая отвлекающую мишуру.

Положите этот гайд в закладки — он выручит вас в нужный момент.

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

Этап 1: Создаем основу

Строим стандартный график с двумя линиями.

Этап 2: Настраиваем линии

Меняем скудные параметры линий, чтобы добиться стилистической гармонии.

Закрашиваем первую линию цветом #156082.

Для второй линии используем цвет #83DC95.

Этап 3: Устанавливаем маркеры

Добавим объемные круглые маркеры, чтобы визуально выделить показатели. Сместим их в стороны от линии для эффекта воздушности.

Аналогичные манипуляции проводим для второго комплекта данных.

Этап 4: Метки данных

Выводим числовые значения прямо у точек. Это снимает необходимость постоянно переводить взгляд на шкалу — цифры видны сразу.

Этап 5: Форматирование вертикальной оси

Подписываем ось, чтобы контекст данных читался без вопросов.

Меняем начертание шрифта на оси для создания визуального контраста и аккуратности.

Убираем линии сетки, чтобы снизить ментальный шум и получить кристально чистое полотно.

Растягиваем диаграмму по горизонтали, делая её шире. Это улучшает читаемость и делает массив данных более пропорциональным.

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

Готовый шаблон Excel. Скачайте и просто подставьте свои цифры.

Сохраните инструкцию в закладки. Однажды она точно сэкономит вам часы времени.

Глубокий апгрейд. Больше сотни дизайнерских фишек ждут вас в моей книге «Магия диаграмм» (Сергей Спивак, 2025).