Почему соединение линий в диаграммах часто вводит в заблуждение

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

Какая может быть альтернатива?

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

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

Вместо «1 200 000 рублей» компактно выводим «1,2 млн рублей». Для этого в подписи вместо «Значение» указываем «Значения из ячеек» и ссылаемся на специальный столбик.
Более впечатляющей альтернативой станут крупные маркеры с тенью, созданные необычным способом. Сначала может показаться, что это просто маркеры. Но на самом деле это столбцы с градиентной заливкой и прозрачным основанием.

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

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

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

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

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

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

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

Построим стандартную гистограмму.
На графике показаны разные величины: штуки и рубли. Чтобы их различить, используем разные типы диаграмм. График отображает прибыль, а столбцы — количество произведенных и проданных товаров. Для корректного отображения рядов с несопоставимыми порядками (десятки и миллионы) добавим вспомогательную ось.

Форматирование столбцов

Настроим ширину и боковой зазор между столбцами для создания более гармоничного и удобного восприятия информации
Количество произведенных бытовок отметим темно-синим цветом #113D60.
Более яркий голубой цвет #55B5C3 установим для проданных.
-- / --

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

Для линии выберем оттенок зелёного #87C09D. Получится связная цветовая палитра диаграммы.
Увеличим маркер окрасим его в тот же зелёный цвет, что и линию.

Балансировка осей

Расширим пространство, увеличив максимум по вертикальным осям.

Элементы диаграммы

Скроем лишние элементы и перемести легенду вверх.
Добавим метки для столбцов по очереди.

Оформление шрифтов

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

Размеры диаграммы

Уменьшим высоту диаграммы и увеличиваем область построение, заполняя свободное пространство.

Маркеры без линий

Создадим копию диаграммы для второго варианта оформления, где точки не будут связаны между собой.
Убираем связующую линию между маркерами.
Заменим маркер на черту и увеличим его. Также добавим границу в цвет маркера, чтобы добавить объема.
Добавим подписи данных над графиком.
Заменим подписи на более короткие и удобные из диапазона E5:E10.
Цвет подписей сделаем в цвет линии. Скроем оси, чтобы избежать путаницы.
-- // --
Версия с градиентом
Теперь построим альтернативную версию диаграммы с градиентными маркерами.
Сменим линию на столбцы. Оставим ряд на вспомогательной оси.
Увеличим ширину полученных столбцов, чтобы они перекрывали мелкие столбцы.
Настроим градиент для столбца. Для всех трех маркеров используем последний цвет. Второй маркер сдвинем на 3%. Прозрачность установим на 75%.
Третий маркер установим на 17% со стопроцентной прозрачностью.
Результат
В результате мы получили диаграмму, которая ясно показывает различия между количеством произведённого продукта и прибылью, причём без запутывающих связей между ними. Мы использовали раздельные оси для каждого вида данных, скрыв ненужные элементы и добавив аккуратные подсказки рядом с каждым показателем. Эта диаграмма проста для понимания и даст четкое представление о положении дел вашей компании.

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

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

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