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

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

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

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

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

• неудачное сочетание цветов – три ярких цвета сложно воспринимать
• легенда тяжело читается
• грязный черный жирный шрифт
• мелкие подписи данных на рядах, не нужная шкала на оси

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

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

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

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

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

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

Убрали лишние графические объекты, улучшили читабельность. На освободившееся место добавили информацию, расставили акценты.