Изменение состава во времени с учетом «хороших» и «плохих»

Чтобы продемонстрировать, как именно изменяется состав и структура данных в течение определенного времени, мы воспользуемся столбиками. Покажу на примере отчета HR службы. Задача отчета показать, как менялась дисциплина сотрудников с января по декабрь. Как повлияли на дисциплину введение корпоративных завтраков и штрафов за опоздание.
Все сотрудники офиса могут как опаздывать, так и задерживаться.
HR директор выделил 5 измеряемых события:
  • Опоздание < 15 мин. - плохо
  • Опоздание 15 - 60 мин. - очень плохо
  • Уходят вовремя - хорошо
  • Задержка до 1 ч - нормально
  • Задержка более 1 ч - плохо, но нам не важно

Задача мотивировать сотрудников не опаздывать и уходит вовремя или с небольшой задержкой до 1 часа.
Для каждого сотрудника берем данные из системы контроля доступа по дням и смотрим какие события выполнились. Затем выводим средние значения для всего коллектива за месяц.

Акцент делаем на выполнении события "Уходят вовремя", и на событиях "Задержка до 1 ч" и "Задержка более 1ч."

В итоге задача наглядно показать, как мероприятия, проводимые HR отделом, оказывают влияние на итоговые показатели дисциплины в компании.
БЫЛО / СТАЛО

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

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

С точки зрения деловой логики, работник должен успевать завершить задачи вовремя и не задерживался более 1 часа. Мы обозначим это двумя оттенками зеленого - как позитивный параметр.

Задержка свыше 1 часа допустима, но не приветствуется, и мы отметим ее серым цветом как нейтральный и несущественный критерий.

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

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

На шкалу времени в апреле и сентябре добавим мероприятия HR службы: "корпоративных завтраки" и "штрафы за опоздание". Они сделаны стикерами с оригинальным дизайном.
ИНСТРУКЦИЯ КАК ПОСТРОИТЬ ДИАГРАММУ
Пройдем все этапы создания шаг за шагом.
Сначала создаем стандартный график.
Чтобы потренироваться скачайте учебный файл:
Поставьте закладку в браузере на инструкцию - обязательно пригодиться.
Добавление диаграммы
Добавим обычную Гистограмму с накоплением, для отображения состава.

Оформление столбцов

Начнем оформление столбцов с верхнего ряда.
Мы увеличим ширину столбцов, чтобы избежать появления лишних пустот и обеспечить более гармоничное распределение пространства на поле.
Помним, что задержка более 1 часа разрешена, но не одобряется, и мы отметим ее серым оттенком #D9D9D9 как нейтральный и незначительный показатель.
Задержка сотрудников менее 1 часа на рабочем не является отрицательным показателем и говорит о положительной тенденции продуктивности сотрудников, поэтому этот показатель отметим в зеленом оттенке #9BBB59.
Более насыщенным зеленым #78933C отметим наиболее интересующий нас пласт сотрудников, которые уходят вовремя, что свидетельствует о их максимальной продуктивности в течении рабочего дня.
Задержки — это неблагоприятный элемент, он в тонах красного спектра. Для задержек до 15 минут выберем менее насыщенный оттенок #FAC090, который отразит отсутствие критичности данной ситуации, однако следить за ней требуется.
В свою очередь, опоздания сотрудников более чем на 15 минут могут быть критичными для бизнеса, и говорят о низком уровне дисциплины сотрудников. Это показатель отметим ярким цветом красного спектра - #E46C0B.
-- / --

Скроем лишние линии

Разгрузим изображение, убрав линии сетки диаграммы.
Также уберем деления горизонтальной оси и переместим подписи вниз, чтобы они не пересекали столбцы и были более читаемыми.
Уберем стандартную легенду с поля. Позже мы заменим её более удобным решением.
Метки данных
Основной и показательный пласт сотрудников к увеличению которого нужно стремиться - это "Уходят вовремя". Добавим белые подписи данных для этого ряда
Установим белый цвет для подписей и установим полужирное начертание для лучшей визуализации.
Форматирование элементов диаграммы
Настроим текст основных элементов диаграммы для придания завершенности изображению. Уменьшим размер текста по вертикальной оси.
Также откорректируем размер текста заголовка и установим полужирное начертание для акцента.

Замена легенды

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

Информативные стикеры

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

Стикеры, которые мы добавили, заставляют диаграмму "говорить":
HR отдел, для борьбы с опозданиями ввел:
  • корпоративные завтраки - для приходящих вовремя;
  • штрафы за опоздания - для опаздывающих.
  • Это повлияло на дисциплину в коллективе.

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

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

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