Оптимальный градусник для дашборда

Градусник показывает значение и сразу оценивает его по шкале.

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

Цель такой диаграммы — показать итог и визуально оценить его по принципу светофора. При помощи трех цветов задается ориентир:
  • Зеленый цвет (хорошо) — до 20 рублей.
  • Желтый цвет (нормально) — до 50 рублей.
  • Красный цвет (плохо) — более 50 рублей.
Диаграмма показывает текущую цену посетителя за отчетный период, которая составляет 36 рублей. Этот показатель находится в середине желтой зоны, что соответствует категории "нормально". Это означает, что цена посетителя находится в приемлемом диапазоне, но не является оптимальной.

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

Является отличной альтернативой спидометра. Она компактнее и нагляднее. В дашбордах можно поставить несколько градусников рядом.

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

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

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

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

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

Также она пригодится в HR для мониторинга удовлетворенности сотрудников, в здравоохранении — для оценки состояния пациентов, и в образовании — для анализа успеваемости студентов.

В IT и логистике она поможет оценивать производительность систем и эффективность логистических процессов.

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

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

Построение диаграммы

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

Настройка шкалы

Настроим перекрытие рядов. Мы получили один столбец, который четко разграничивает шкалу.
Для ряда оказавшегося сверху выберем красный цвет #EE4063.
Средний сегмент окрасим жёлтым #FFCE08.
Ряд с наименьшим значением окрасим оттенком зелёного #6ED2BA.
-- // --

Настройка линии

Настроим заливку линии с помощью градиента. Это поможет сделать линию короче. Для отсутствия плавного перехода добавим дополнительные маркеры и наложим по два маркера между собой в положениях 16% и 67%.
Закончим настройку маркеров.
Поле диаграммы
Уменьшим ширину диаграммы, до размеров с адекватным отображением элементов. Скроем лишние элементы. И добавим подписи данных.

Форматирование текстов

Настроим размеры шрифтов. Для меток столбца добавим жирность. А крайнюю подпись линии выделим массивным шрифтом Arial Black и более крупным шрифтом.
Сместим подпись линии в центр и отменим перенос текста в фигуре по словам.
Результат
Полученная диаграмма в форме градусника с цветовой шкалой наглядно демонстрирует текущее состояние цены посетителя. Она позволяет быстро оценить показатель по принципу светофора: зеленый цвет означает "хорошо", желтый — "нормально", а красный — "плохо".

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

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

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

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