Как заставить цвет работать на смысл?
Создаем отчет, который считывается мгновенно. Инструкция по визуальной группировке данных в Excel. Круговая диаграмма — классика для демонстрации долей в общем объеме. Но её стандартный инструментарий откровенно тесен. Как выйти за рамки и получить выразительный результат? Разбираю на конкретном примере.
Кейс: Три производственные площадки — в Туле, Воронеже и Краснодаре — выпускают молочную продукцию.
Задача:
Но именно осмысленная работа с цветом позволяет мгновенно считывать различия — как по регионам, так и по типам продуктов. Вместо привычного разноцветного калейдоскопа с тяжеловесными подписями я получил лаконичную и кристально четкую картинку.
Кейс: Три производственные площадки — в Туле, Воронеже и Краснодаре — выпускают молочную продукцию.
Задача:
- Наглядно отобразить вклад каждого завода в совокупный объем производства компании.
- Показать, сколько продукции выпущено по каждой товарной категории.
Но именно осмысленная работа с цветом позволяет мгновенно считывать различия — как по регионам, так и по типам продуктов. Вместо привычного разноцветного калейдоскопа с тяжеловесными подписями я получил лаконичную и кристально четкую картинку.
Два подхода к визуализации: слева — базовая настройка Excel, справа — осмысленная группировка цветом
Как добиться такого результата?
Шаг 1. Расчистка сцены
Первым делом я убрал названия городов непосредственно с долей диаграммы. Бесконечные повторения визуально отягощают и превращают график в кашу. Избыточная пестрота делает диаграмму практически неприменимой для делового обсуждения.
Исходный вариант с перегруженной легендой и мельтешением подписей — информация воспринимается с усилием
Шаг 2. Присвоение цвета как идентификатора
Поскольку ключевая цель — сопоставить города, каждому из них я назначил собственный базовый цвет, а ассортимент внутри показал его оттенками. Чтобы расшифровка была интуитивной, стандартную легенду заменил цветовыми плашками с названиями городов.
Первая итерация: города получили свои цвета, продукция — их оттенки. Смысл стал яснее, но визуальный «мусор» еще присутствует
Результатом я остался доволен, хотя на мой вкус он всё ещё был немного перенасыщен.
Шаг 3. Цветовая группировка и борьба за чистоту
Я убрал последний визуальный «шум». Каждый город залил одним цветом вручную, а разграничил виды продукции исключительно тонкими белыми линиями между секторами. Дизайн вышел воздушным и предельно прозрачным. В качестве полезной детали я добавил прямо на график итоговую сумму производства для каждого города.
Итог: двойная группировка считывается без напряжения, белые швы заменяют линии, а итоговые цифры дают полную картину
Выводы
- Краснодар — абсолютный лидер в категории сыра.
- Воронеж — выделяется значительными объемами йогуртов и молока.
- Тула — делает ставку на соки и молочные изделия.
- Диаграмма на одной плоскости раскрывает и географию, и товарную структуру производства молочных продуктов.
- Цветовой код мгновенно фиксирует региональные различия.
- Аскетичный, но продуманный дизайн радикально упрощает анализ и исключает ложные интерпретации.
- Ручная настройка каждого оттенка — процесс трудоемкий. Это замедляет работу, если данные приходится обновлять часто.
📥 Скачать готовый шаблон в Excel, куда останется лишь подставить свои значения.
Хотите повторить своими руками?
🤍 Сохраните в закладки — это тот случай, когда материал точно пригодится в нужный момент.
Пройдем все шаги от начала и до финала. Чтобы набить руку, скачайте учебный файл.
1. Строим стандартную круговую диаграмму.
Пройдем все шаги от начала и до финала. Чтобы набить руку, скачайте учебный файл.
1. Строим стандартную круговую диаграмму.
Первый шаг
2. Подбираем оттенки единой светосилы для контрастных базовых цветов. Для Тулы — холодная бирюза.
Второй шаг
3. Воронеж — природный зеленый.
Третий шаг
4. Краснодар — солнечный желтый.
Четвертый шаг
5. Добавляем белую разделительную границу и делаем легкий акцент на одном из ключевых сегментов.
Пятый шаг