Пример дашборд, на котором правильно расположены диаграммы

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

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

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

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

Неправильная визуализация данных на диаграмме
Исходная диаграмма
Шаг 1. Исправим ошибки

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

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

Делаем данные на диаграмме более понятными
Улучшенная диаграмма
Шаг 2. Расставим акценты

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

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

Дэшборд - как правильно расположить диаграммы
Микродиаграммы в таблицах
Шаг 3. Добавим визуальные элементы

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

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

В итоге

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


Если материал вам понравился, расскажите о нем друзьям. Спасибо!
Читайте также