Торнадо-диаграмма: наглядное сравнение двух складов
Диаграмма типа торнадо — это удобный способ сравнить два показателя. Она выглядит как горизонтальные столбцы, которые идут в разные стороны от центральной линии. Это помогает сразу увидеть, где данные отличаются друг от друга.
Я часто использую торнадо-графики для сравнения разных филиалов, команд и так далее. На этот раз я сравнил показатели двух складов: центрального в Новосибирске и транзитного в Москве. Диаграмма ясно показывает, что московский склад демонстрирует лучшие результаты по большинству параметров, кроме точности обработки заказов, где лидирует новосибирский склад.
БЫЛО / СТАЛО
Готовый шаблон
Если не хотите тратить свое время на создание этой диаграммы.
Скачайте готовый шаблон. Стоимость всего 700 руб.
Просто подставьте свои данные и получите готовый красивый график.
Скачайте готовый шаблон. Стоимость всего 700 руб.
Просто подставьте свои данные и получите готовый красивый график.
Где применяется диаграмма?
Диаграмма типа торнадо помогает сравнивать два набора данных в различных областях. Она полезна для визуализации и анализа информации, особенно в длинных списках.
Примеры применения диаграммы торнадо:
Примеры применения диаграммы торнадо:
- В финансах: для анализа доходов и расходов компании, бюджета и фактических затрат.
- В маркетинге: для оценки эффективности рекламных кампаний и продаж по различным каналам (онлайн и офлайн).
- В производстве: для мониторинга производительности оборудования и качества продукции.
- В логистике: для оценки времени доставки товаров и эффективности складских операций.
- В образовании: для анализа успеваемости студентов и результатов экзаменов.
- В медицине: для оценки результатов клинических испытаний и эффективности лечения.
- В спорте: для сравнения результатов спортсменов и статистики команд.
ИНСТРУКЦИЯ КАК ПОСТРОИТЬ ДИАГРАММУ
Пройдем все этапы создания шаг за шагом.
Сначала создаем стандартный график.
Чтобы потренироваться скачайте учебный файл:
Сначала создаем стандартный график.
Чтобы потренироваться скачайте учебный файл:
Поставьте закладку в браузере на инструкцию - обязательно пригодиться.
Построение диаграммы для Московского склада
Строим стандартную линейную диаграмму.
Для восстановления порядка параметров включаем обратный порядок категорий.
Установим стопроцентное перекрытие рядов.
Сменим порядок рядов так, чтобы ряд "Всего" располагался на втором плане. Визуально мы получим шкалу прогресса, которая заполняется.
-- / --
Ряд "Всего"
Установим белую заливку для фонового ряда. Для придания округлой формы добавим широкую границу и скругленные края полосы.
Добавим тень для ряда. Это придаст глубину и объем композиции
Оформление основного ряда
Основной ряд окрасим ярким градиентом в красных оттенках #FE4F4D и #FF9665.
Добавим такую же толстую границу как и для первого ряда и окрасим её в красный градиент.
Фон диаграммы
Добавим фон диаграмм, чтобы оттенить шкалы.
Настройка элементов
Уберем горизонтальную ось, сетку и легенду, чтобы не перегружать изображение. Также уберем стандартное название, позже мы его заменим. Добавим подписи для цветного ряда.
Подписи ряда
Окрасим подписи в белый и немного увеличим их, так они станут заметнее.
Размер диаграммы и области построения
Отрегулируем размеры диаграммы и области построения. Вверху должно остаться пространство для заголовка.
Заголовок диаграммы
В свободном пространстве добавляем надпись и рядом размещаем одну из иконок размещенных в учебном файле.
Заканчиваем настройку заголовка и группируем элементы.
-- // --
Построение второй части диаграммы
Увеличим размер шрифта заголовка. Создадим копию полученной диаграммы.
Сменим диапазон значений диаграммы на значения второго склада.
Отражение диаграммы по оси
Временно покажем горизонтальную ось. Включим обратный порядок значений по оси и скроем её обратно.
Настройка ряда
Установим контрастную заливку для полос в оттенках голубого от #3A5FFF до #3A5FFF.
Добавим широкую границу и скругление полос.
Переместим подписи к основанию.
Размещение диаграмм
Уменьшим размер шрифта по оси. Саму диаграмму увеличим по ширине, а после отрегулируем область построения.
Разместим диаграмму с синими полосами на задний план и совместим её с первой диаграммой. Нужно, чтобы получилась одна общая ось по центру.
Заголовок второй диаграммы
Скопируем надпись и заменим её текст.Установим вторую иконку.
Результат
В результате мы получили диаграмму, которая наглядно демонстрирует сравнение эффективности работы двух складов: Центрального склада Новосибирск и Транзитного склада Москва. Диаграмма показывает, что Транзитный склад Москва имеет более высокие показатели по большинству параметров, за исключением точности обработки заказов, где лидирует Центральный склад Новосибирск.
Готовый шаблон
Если не хотите тратить свое время на создание этой диаграммы.
Скачайте готовый шаблон. Стоимость всего 700 руб.
Просто подставьте свои данные и получите готовый красивый график.
Скачайте готовый шаблон. Стоимость всего 700 руб.
Просто подставьте свои данные и получите готовый красивый график.
-- /// --
Поставьте закладку в браузере на инструкцию - обязательно пригодиться.