4 дизайна градусника в Excel. Как показать выполнение плана?

Инструкция как сделать в Excel самому. В отличии от столбика, градусник не только показывает значение, а еще и оценивает плохо - нормально - хорошо.

Представлю 4 дизайна отображения текущей цены посетителя на цветной шкале в форме градусника.
Ориентиром служат три цвета, обозначающие разные уровни стоимости:
  • Зелёный (хороший показатель): до 20 рублей.
  • Жёлтый (средний показатель): от 21 до 50 рублей.
  • Красный (неблагоприятный показатель): свыше 50 рублей.
На графике представлена стоимость одного посетителя за рассматриваемый промежуток времени, равная 36 рублям. Данный показатель попадает в центральную область жёлтого диапазона, относясь к категории «норма». Таким образом, эта цена вполне допустима, хотя и далека от идеала.

Первый макет особенно привлекателен лично для меня, поскольку применяется в крупных дашбордах для отображения финального результата. Подобное решение отлично дополняет график динамики изменений во времени.
График сконструирован таким образом, чтобы было удобно менять пределы шкалы и значение актуальной цены клиента. Построен с применением еще более нестандартного решения - областей. Как именно? Разберем ниже

Готовый шаблон

Если не хотите тратить свое время на создание этой диаграммы.
Скачайте готовый шаблон. Стоимость всего 700 руб.
Просто подставьте свои данные и получите готовый красивый график.
Оплата телефоном по QR-коду
или кнопкой на сайте.
Без регистрации.
Сразу после оплаты будет
страница со ссылкой на файл.

Где применяется диаграмма?

Главное применение градусника - это дашборды для руководителя. В них нужно не просто показать значение, но и оценить его.

Помогает визуально оценить показатели в сферах:
  • финансы (рентабельность),
  • маркетинг (эффективность рекламы),
  • управление проектами (выполнение задач),
  • HR (удовлетворенность сотрудников),
  • здравоохранение (состояние пациентов),
  • образование (успеваемость студентов),
  • IT и логистика (производительность и эффективность).

Диаграмма упрощает принятие решений на основе визуализации данных.

ИНСТРУКЦИЯ КАК ПОСТРОИТЬ ДИАГРАММУ

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

Построение шаблона

Рассмотрим подробно необычный способ построения столбцов, которые будут "прижиматься" к оси и иметь удобно регулируемую ширину. Первым делом, построим диаграмму с областями.
Изменим размещение данных по осям. Настроим порядок рядов, чтобы области правильно накладывались между собой.
Сменим тип диаграммы ряда "Значение" на столбчатую.

-- / --
Элементы диаграммы
Настроим положение горизонтальной оси и уменьшим размер диаграммы для оптимального отображения.
Скроем горизонтальную ось, легенду и сетку - они не несут смысловой нагрузки. Добавим метки данных.
-- // --
Настройка столбца текущей цены
Увеличим ширину столбца для лучшей пропорциональности элементов
Зададим темный контрастный цвет #2B486A столбцу для акцента.
Уменьшим ширину области построения. Для этого нужно потянуть за маркер по середине области с зажатой клавишей CTRL (кликаем мышью→зажимаем CTRL→отпускаем клавишу→отпускаем мышь). Так область уменьшится пропорционально с каждой стороны в направлении центра.

Выберем среднюю область. Настроим заливку области с помощью градиента. Это поможет отрегулировать ширину получаемого столбца без отступа от оси. Для отсутствия плавного перехода наложим два маркера между собой в положении 25%. Первый маркер окрасим желтым цветом #FFCE08

*Ориентируйтесь на ширину вашего столбца "Значение". Шкала должна соприкасаться с ним.
Два других маркера окрасим белым. Для второго положение установим также 25%, для третьего - оставим на 100%.
Для верхней области установим градиент с теми же параметрами. Цвет первого маркера заменим на стандартный красный.
Повторим настройку заливки. Цвет первого маркера - зелёный #6ED2BA.
Вертикальная ось-шкала
Уменьшим максимум по оси. Добавим основные и промежуточные деления для акцента на шкале.
Сменим цвет заливки оси на более темный.
Улучшение внешнего вида
Далее предстоит немного поработать над оформлением. Отрегулируем шрифты текстовых элементов.
Копии диаграммы
Первый варианта копируем дважды. На базе копий построим еще два варианта градусников.

Вариант №2. Шкала линиями

Сменим тип рядов шкалы на графики.
Настроим элементы диаграммы и область построения.
Линии шкалы
Линию "Максимум" окрасим оттенком красного #EE4063. Зададим ширину - 2,5.
Ряду "Норм" зададим желтый, а ширину уменьшим до 1,5.
Ряду "Хорошо" зададим зелёный и также уменьшенную толщину до 1,5.
Подписи шкалы
Добавим подписи для последних точек линий.
Цвета шрифтов
Скроем подписи горизонтальной оси, изменив цвет шрифта на белый. Подпись столбца сделаем немного светлее.

Вариант №3. Закругленный столбец

Добавим толстую границу столбцу третьей диаграммы в цвет основной части и зададим скругление.
Ширину шкалы увеличим до середины столбца. Для этого первые и вторые маркеры областей на 50%. Цвета установим как и в первом варианта:
Максимум - стандартный красный;
Норм - желтый #FFCE08 ;
Хорошо - зелёный #6ED2BA.
Вертикальная ось
Уберем линию оси. Метку столбца переместим внутрь столбца.
Форматы текстов
Сделаем цвет текста оси на более светлый. Цвет подписи столбца изменим на белый, чтобы она лучше выделялась на темном фоне.

Вариант №4. Сплошные области

Сделаем копию последней диаграммы, она ближе всего по оформлению к нашему последнему варианту.
Оформление рядов
Уменьшим границу столбца и уберем закругление.
Для областей в этом случае зададим сплошную заливку:
Максимум - красный #EE4063;
Норм - желтый #FFCE08;
Хорошо - зелёный #6ED2BA.
Так мы получим форму столбца в столбце.
Результат
Мы рассмотрели четыре различных способа визуализации одних и тех же данных, каждый из которых имеет свою специфику представления информации:
  1. Отображение со шкалой — этот вариант предполагает использование числовой шкалы с делениями вдоль оси графика, что позволяет пользователям быстро оценить относительные величины представленных значений и наглядно увидеть разницу между ними.
  2. Отображение с линиями — здесь шкала представлены в виде линий. Такой подход задает уровни, которые пересекает столбец текущей цены посетителя. Это безошибочно дает понять в каком диапазоне находится текущее значение.
  3. Отображение с округлым столбцом — данный способ сочетает разные формы. Это делает представление графически интересным и помогает лучше воспринимать различия величин через сочетание форм и цветов.
  4. Столбец в столбце (гистограмма внутри другой гистограммы) — такой тип представления интересен своей многослойностью, когда одна категория делится на несколько подпунктов, визуально показывая структуру целого и соотношение отдельных частей друг с другом.
Каждый из предложенных вариантов подходит для решения разных аналитических задач и способен подчеркнуть различные аспекты одного набора данных.

Готовый шаблон

Если не хотите тратить свое время на создание этой диаграммы.
Скачайте готовый шаблон. Стоимость всего 700 руб.
Просто подставьте свои данные и получите готовый красивый график.
-- /// --
Поставьте закладку в браузере на инструкцию - обязательно пригодиться.

...еще 9 популярных диаграмм