Данные: визуализируй, расскажи, используй. Сторителлинг в аналитике: читать начало книги онлайн

Рис. 2.22 Круговая диаграмма с указанием значения сегментов

Объем доли рынка поставщика В (этот сегмент кажется самым большим) составляет 31%, меньше, чем у поставщика А (хотя визуально сегмент поставщика A выглядит меньше).

Проанализируем, что именно препятствует правильной интерпретации данных. Первое, что бросается в глаза (и должно вызвать подозрение у проницательного пользователя), – формат 3D и странная перспектива: кажется, что верхние сегменты расположены дальше. Следовательно, они кажутся меньше. Нижние сегменты расположены ближе, поэтому кажутся больше. О формате 3D мы еще поговорим подробнее, но пока запомните правило: никогда не используйте 3D! Как вы уже увидели, от этого формата нет никакой пользы – только искажение визуального восприятия данных.

Даже если убрать эффект 3D и сделать диаграмму плоской, сложности в ее интерпретации останутся. Глаз человека не слишком эффективно соотносит количественные значения с двумерным пространством. Иными словами, круговые диаграммы сложны для чтения. Когда сегменты примерно одного размера, тяжело (если вообще возможно) определить, какой из них больше, а какой меньше. Когда сегменты разного размера, вы в лучшем случае сможете определить, какой из них больше, а какой меньше, но вряд ли получится сказать, насколько. Для решения этой проблемы можно добавить значения по сегментам. Но даже в этом случае, по моему мнению, такой вид визуализации не заслуживает той популярности, которой сейчас пользуется.

Какова альтернатива? Один из вариантов – заменить круговую диаграмму линейчатой, как показано на рис. 2.23, организовав данные в порядке возрастания или убывания (если у этих категорий нет своего логического порядка, как уже сказано ранее). Помните, что в гистограммах и линейчатых диаграммах человеческий глаз сравнивает крайние точки, а поскольку они выровнены по общей базовой линии, оценить их относительный размер несложно. Для пользователя очевидно не только то, какой сегмент самый большой, например, но и насколько он крупнее, чем остальные.

Рис. 2.23 Альтернатива круговой диаграмме

Может возникнуть вопрос: что теряется при переходе от круговой диаграммы к гистограмме? Уникальность первой – в концепции целого и его частей. Но есть ли толк от этой концепции, если диаграмму сложно прочесть? На рисунке 2.23 я попыталась сохранить эту концепцию, указав, что сумма частей равна 100%. Это не идеальное решение, но его стоит рассмотреть. О том, какие еще существуют альтернативы круговой диаграмме, я расскажу в примере 5 в главе 9.

Когда вы используете круговую диаграмму, остановитесь и спросите себя: зачем? Если вы сможете ответить, значит, вы действительно понимаете, что делаете. В любом случае круговая диаграмма не должна первой приходить вам на ум – с учетом сложностей ее визуального восприятия, которые мы обсудили выше.

Разберем похожий тип диаграммы, который я также рекомендую избегать, – кольцевую.

На круговой диаграмме мы предлагаем аудитории сравнивать углы и площади сегментов. На кольцевой – длины дуг (например, на диаграмме на рис. 2.24 – дуг А и В). Насколько точен ваш глазомер, чтобы оценить длину каждой из дуг и сравнить их? Не особенно? Что и требовалось доказать. Не используйте кольцевые диаграммы.

Рис. 2.24 Кольцевая диаграмма

Не используйте 3D-диаграммы

Одно из золотых правил визуализации данных гласит: никогда не используйте формат 3D. Повторю: никогда не используйте формат 3D. Единственное исключение – если третье измерение применяется целенаправленно (но даже в этом случае ситуация с представлением данных может быстро выйти из-под контроля, так что будьте предельно внимательны). Как мы видели на круговой диаграмме в предыдущем примере, формат 3D искажает восприятие числовых значений, делая невозможными их сравнение или интерпретацию.

В формате 3D на диаграмме появляются избыточные элементы, например боковая и нижняя плоскости. Но эти отвлекающие внимание элементы – не самое страшное. Графические приложения дают довольно странные эффекты при построении объемных диаграмм. Например, вы можете считать, что графическое приложение осуществляет построение по передней или задней части столбца. К сожалению, не всё так просто. Например, в Excel высота столбца определяется в точке пересечения невидимой касательной плоскости с осью Y. В итоге получаются такие диаграммы, как на рис. 2.25.

Рис. 2.25 Гистограмма в 3D-формате

Сколько жалоб было получено в январе и феврале, судя по этой гистограмме? Изначально я использовала значение «один» и для первого, и для второго месяца. Однако, если посмотреть на гистограмму, сравнить высоту столбца с линией уровня и мысленно продолжить ее до пересечения с осью Y, визуально я бы сказала, что числовое значение должно быть примерно 0,8. Это просто неудачная визуализация данных. Не используйте формат 3D.

Вспомогательная ось Y редко бывает хорошей идеей

Иногда необходимо разместить данные из разных категорий вдоль общей оси Х. Часто этот шаг ведет к появлению вспомогательной оси Y – еще одной вертикальной оси справа от диаграммы. Рассмотрим пример на рис. 2.26.

Рис. 2.26 Вспомогательная ось Y

При интерпретации этой диаграммы нужно некоторое время, чтобы прочесть ее и понять, по какой оси какую категорию данных интерпретировать. Именно поэтому вспомогательной оси Y лучше избегать. Вместо этого проанализируйте два предложенных ниже варианта; возможно, какой-то из них окажется лучшим.

1. Укажите числовые значения на самой гистограмме.

2. Разделите две гистограммы по вертикали: сделайте отдельную ось Y для каждой (слева), но при этом оставьте общую ось Х.

Оба варианта показаны на рис. 2.27.

Рис. 2.27 Как избежать вспомогательной оси Y

Третий возможный вариант, не показанный здесь, – использовать цвет для объединения осей и данных, которые следует интерпретировать по ним. Например, в гистограмме на рис. 2.26 название оси Y, расположенной слева, – «Выручка», – можно было бы выделить синим и оформить синим столбцы, отражающие показатель выручки. А название оси Y, расположенной справа, – «Число специалистов по продажам», – оранжевым и оформить кривую на диаграмме тем же цветом. Я не рекомендую этот подход, обычно цвет можно использовать более стратегически. Подробнее об этом мы поговорим в главе 4.