Как собрать цветной индикатор в Excel? 4 эффектных приема визуализации

Пошаговое руководство по сборке в Excel. Показывает «отлично — допустимо — тревога», выгодно отличаясь от стандартного столбца.

Индикаторы — это мастхэв для управленческих дашбордов. Руководитель считывает не просто высоту столбиков, а их моментальную смысловую окраску.

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

Для оценки стоимости применяется трехцветная шкала:

• Зелёный (отлично): до 20 рублей.
• Жёлтый (допустимо): от 21 до 50 рублей.
• Красный (тревога): свыше 50 рублей.

На графике зафиксировано, что стоимость одного посетителя за данный период — 36 рублей. Это центр жёлтого сектора, то есть «рабочая норма». Такой ценник вполне адекватен, хотя и не дотягивает до идеала.

Существует три типа индикаторов:

• Чем меньше, тем лучше
• Чем больше, тем лучше
• Отклонение от эталона

Но в каждом случае шкала выстраивается по своему алгоритму. Разберем детально.

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

Создать такой график тоже несложно. Нужно взять столбчатую диаграмму для значений и линейную для шкалы. А цветовое кодирование и элементы дизайна помогают сделать картину предельно ясной.

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

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

Добавим выразительности: сектор «Тревога» сделаем насыщенно-красным. Толстая скругленная граница столбца делает график фактурнее и помогает легче улавливать разницу между значениями через игру форм и оттенков.

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

График легко адаптируется под свои задачи: меняются пределы шкалы и значение текущей цены клиента.

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

Мы разобрали четыре приема визуализации данных:

• Измерительная шкала — числовая ось с насечками для оценки относительных величин.
• Линии — шкала в виде уровней для понимания диапазона значений.
• Скругленный столбец — сплав форм и цветов для наглядного восприятия различий.
• Гистограмма внутри гистограммы — многослойное представление структуры целого.

Каждый метод заточен под разные аналитические задачи.

🤍 Добавьте страницу в закладки браузера — однажды этот материал станет палочкой-выручалочкой.

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

1. Построить диаграмму с областями.

2. Изменить размещение данных по осям и настроить порядок рядов.

3. Сменить тип диаграммы ряда "Значение" на столбчатую.

4. Настроить положение горизонтальной оси и уменьшить размер диаграммы.

5. Скрыть горизонтальную ось, легенду и сетку, добавить метки данных.