Элегантная многослойная диаграмма

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

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

Как собирался этот сюжет?

Шаг №1. Гибридная конструкция

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

Шаг №2. Настройка полотна областей

Для фона я взял приглушённые, интеллигентные тона синевы и зелени. Такая палитра обволакивает, рождая ощущение спокойствия и порядка.
Тональная настройка подложки

Шаг №3. Детализация графиков

Сами кривые пустил более глубокими оттенками, чем области. Укрупнил маркеры, обвел их тонкой белой окантовкой — это добавляет линиям лёгкости и отрывает их от плоскости.
Графики лидов и КП: оптический прибор для оценки динамики

Шаг №4. Заголовок вместо легенды

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

Суть приёма

  1. График прозрачно доносит пульс двух главных метрик компании — потока новых контактов (лидов) и финальных сделок (КП).
  2. Эталон качественного оформления: мягкая, неагрессивная палитра и филигранный баланс веса всех элементов.
📥 Забирайте готовый Excel-конструктор — останется только вписать свои значения.

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

🤍 Сохраните в закладки — однажды этот лоск точно пригодится.

Проведём вас по каждому этапу. Чтобы набить руку, скачайте тренировочный файл.

1. В основе лежит привычная таблица данных. Для аккуратного размещения маркеров и подписей в структуру добавлены дублирующие ряды под каждый массив цифр.
Первый этап
2. Меняем амплуа рядов: двум назначаем тип «Области», ещё двум — «График с маркерами».
Второй этап
3. Заливаем основное полотно прозрачным оттенком небесной голубизны (#DCF1F4).
Третий этап
4. Вторую область тонируем мягкой, чуть светящейся зеленью (#ECFEF2).
Четвертый этап
5. Для кривой «Лиды» задан цвет #7F9EEC.
Пятый этап

🕒 Полная пошаговая инструкция


Делюсь своей «Магией диаграмм» в книге и на сайте.