5 неочевидных форматов визуализации данных

Наш продуктовый аналитик Кирилл Мазуров и Анастасия Кузнецова, автор канала «Настенька и графики», собрали подборку диаграмм, которые реже попадают в дашборды (а зря!).

Мы с Анастасией сделали классные карточки, которые удобно смотреть и хранить в сохраненках, но Хабр дает прикрепить лишь одну картинку. Поэтому здесь текстовая версия, а сами карточки забрать можно тут.

1) Dumbbell chart
Сравниваем два значения по одной оси, например, «до» и «после», или значения в двух точках времени.

Плюс:
> Четко показывает разницу между двумя значениями
Минус:
> Плохо читается при большом числе категорий

Кирилл: В Garage Eight с помощью такого графика мы следим за степенью автоматизации важных участков продукта. Например, как меняется доля автоматически обработанных событий от ручных.

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

2) Marimekko chart
Одновременно анализируем структуру и масштаб.

Плюс:
> Отражает и размер, и доли внутри категорий
Минус:
> Тяжело читается, особенно без пояснений

Кирилл: В Garage Eight используем такой тип графиков, например, для определения какая платежная опция популярнее у клиентов.

Анастасия Кузнецова: Этот график назван в честь знаменитого финского бренда Маримекко, и очень он визуально мне нравится. В нем важно, чтобы категории можно было объединить во что-то «целое», например, средние показатели так не визуализировать. Этот тип графика хорошо работает, когда есть явная разница в объеме категорий.

3) Sankey diagram
Показываем потоки между источниками и получателями — как распределяются ресурсы, трафик, деньги и сколько людей находится на каждом этапе воронки.

Плюс:
> Отлично показывает распределения
Минус:
> Быстро становится перегруженной

Кирилл: В Garage Eight используем такой тип графиков, чтобы быстрее определять, какие пути пользователей популярнее. Еще сравнивали, как поменялось перераспределение каналов привлечения после внедрения новой модели атрибуции трафика.

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

4) Bullet chart
Классический график сравнения с плано-выми значениями, показывает именно достижение цели (альтернатива спидометру). В нем черточка показывает плановое/целевое значение, к которому мы стремимся, а столбец — фактическое, реальное значения метрики.

Плюс:
> Компактный, идеально для дашборда
Минус:
> Требует пояснений для новичков

Анастасия Кузнецова: Очень часто им пользуюсь, но не в классическом варианте с задним фоном, а просто столбик + черточка. Понятно и компактно показывает достижение цели, и в отличие от спидометра позволяет визуально превысить цель. 

5) Radar chart
Сравниваем характеристики разных объектов.

Плюс:
> Удобен для визуального сравнения
Минус:
> Становится нечитаемым при использовании более 7 объектов

Кирилл: В Garage Eight мы рассматриваем внедрение таких графиков в матрицы развития аналитиков. Так мы сможем сделать прогресс по уровню развития немного интерактивнее. 

Анастасия Кузнецова: Редко когда получается эффективный виз с ним, и это действительно чаще про данные из области сравнения навыков. Будет визуально работать только с сильной разницей по характеристикам — когда одна характеристика сильно выбивается на фоне остальных.