Эволюция диаграммы

Когда мы доносим идеи, чем проще и лаконичнее выражаемся, тем лучше нас понимают. Это правило применимо и к аналитическим данным. Убирать лишнее и выделять главное – важный навык в визуализации данных.

Сегодня разберем эволюцию одной диаграммы. Шаг за шагом я буду упрощать восприятие, убирать лишнее и повышать наглядность.

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

Шаг 1. Исправим ошибки

Посмотрим критично на внешний вид, отметим ошибки.

  • неудачное сочетание цветов – три ярких цвета сложно воспринимать
  • легенда тяжело читается
  • грязный черный жирный шрифт
  • мелкие подписи данных на рядах, не нужная шкала на оси
Доработаем внешний вид.
Разные цвета нужны для того, чтобы различать разные показатели, а у нас один показатель – доля рынка за три года.
Используем оттенки одного цвета, возьмем универсальный синий.
Легенду поместим слева, чтобы сразу увидеть ее и понять, какие данные на графике.
Улучшенная диаграмма - доля рынка
Улучшенная диаграмма

Шаг 2. Расставим акценты

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

  • На Урале самая большая доля, ряд выделяется со значением 56%.
  • Сложно сравнить Волгу с Сибирью за 2016 год. Надо находить глазами проценты.
  • На Урале и в Сибири динамика растет, в Москве и на юге падает, а на Волге колеблется. Мы не можем на глаз оценить темпы этой динамики, понять, где растет быстрее.
Вопрос аудитории: что важно – текущий год, прошлые или динамика?
Мы не сможем ответить на него без комментариев, и это главная проблема диаграммы.
Правильный ответ — важен текущий год, остальные для справки.
Значит нужен рейтинг, отобразим его в читаемой таблице. Прямо в таблицу поместим микродиаграмму для наглядности.
Микродиаграммы в таблицах
Микродиаграммы в таблицах

Шаг 3. Добавим визуальные элементы

Теперь видим, где самая большая доля рынка и как она соотносится со средним по стране. Данные за прошлые периоды позволяют оценить рост в каждом регионе. Сделаем еще нагляднее, покажем тренд.
Использование микродиаграмм и трендов в таблицах
Использование микродиаграмм и трендов в таблицах
Мы вычислили тренд и расставили акценты. Зеленые и красные стрелки показывают, где доля растет, где падает, микрографик отражает динамику. Согласитесь, одна такая линия содержит столько же информации, как ряды на графике, но занимает в разы меньше места.

В итоге

Убрали лишние графические объекты, улучшили читабельность. На освободившееся место добавили информацию, расставили акценты.
Итоговая диаграмма
Читайте также
Подпишись на рассылку и получи в подарок «Каталог лучших отраслевых дашбордов»!

Хочешь получать актуальные статьи о визуализации данных?