Внимание, грубая ошибка — связывать линией то, что в природе не связано! Например, линия может соединять прибыль от различных видов продукции. Когда мы видим такую линию, наш мозг автоматически воспринимает угол её наклона как индикатор роста или падения. Однако в данном случае угол наклона лишь отражает порядок представления продукции на графике и ни как не связан с реальной жизнью. Если, к примеру, разместить сушилку на первом месте, форма линии изменится.
Проблема усугубляется из-за двух осей. Ведь не понятно какая ось относиться к линии, а какая к столбикам.
Что же делать? Подробно расскажу на примере этой диаграммы для директора завода, выпускающего строительные бытовки. Всего 6 основных видов бытовок. Столбики показывают количество изготовленных и проданных. Второй показатель - это фактическая прибыль по каждому типу продукции. Кстати вот продуктовый дашборд директора этого завода.
Когда линия может ввести аудиторию в заблуждение, я применяю два приема.
Прием №1. Отдельные маркеры
Чтобы разорвать связь между точками, я заменяю линии графическими отдельными маркерами.
Шаг №1. Отсутствие линий
В настройках ряда полностью скрываю линию, оставляя только маркеры.
Шаг №2. Графичные маркеры
Я заменяю круглые точки на линейные маркеры. Это позволяет им гармонично вписываться в общую картину и лучше сочетаться со столбцами.
Шаг №3. Подписи данных
Значения размещаю над маркерами, чтобы не создавать путаницы. Ось скрываю. Вместо длинных форматов, например «1 200 000 рублей», использую компактный вид «1,2 млн р.». В подписи вместо «Значение» указываю «Значения из ячеек» и ссылаюсь на специальный столбик (см инструкцию).
Прием №2. Скрытые столбцы
Хотите сделать стильно? Тогда заменим стандартные маркеры, на необычные, которые станут выразительной альтернативой.
Шаг №1. Столбцы вместо линий
Для второго способа я преобразовал линию в столбцы.
Шаг №2. Заливка столбцов
Столбцы по ширине сделал шире двух других столбцов, а заливку градиентом, который создает эффект взлета вверх. Теперь сумма объединяет два столбика с количеством, четко разделяя каждый вид продукции.
Выводы
1. Четкое разделение данных: Диаграмма демонстрирует различия между количеством произведённого продукта и прибылью.
2. Отсутствие запутывающих связей: Использование отдельных маркеров без соединительных линий исключает ложные интерпретации.
3. Раздельные оси: Применение двух осей для разных типов данных (например, штуки и рубли) позволяет найти зависимости.
4. Скрытие ненужных элементов: Удаление лишних деталей, таких как оси и линии, делает диаграмму удобной для анализа.
5. Добавление подсказок: Вывод значений рядом с каждым показателем помогает быстро и точно интерпретировать данные.
Два дизайна вам на выбор:
📥 Скачать готовый шаблон в Excel, в который нужно подставить свои цифры.
Хочешь сделать сам?
Пошаговая ИНСТРУКЦИЯ
🤍 Поставьте закладку в браузере - обязательно когда-нибудь пригодиться.
Пройдем этапы создания шаг за шагом. Чтобы потренироваться скачайте учебный файл. Пошаговая инструкция - листай картинки:
- Создаем стандартную гистограмму.
- Используем разные типы диаграмм для отображения разных величин (штуки и рубли). Добавляем вспомогательную ось для корректного отображения рядов с несопоставимыми порядками.
- Настраиваем ширину и боковой зазор между столбцами для улучшения восприятия.
- Используем темно-синий цвет (#113D60) для обозначения количества произведенных товаров.
- Применяем более яркий голубой цвет (#55B5C3) для проданных товаров.
Еще один вариант построения диаграммы на основе маркеров.
Много фишек и идей дизайна в моей книге "Магия диаграмм".
Заказать можно на Ozon.
Еще много инструкций на моем сайте Магия диаграмм.