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

Рис. 2.11 Измененный слоупграф

Линейные графики эффективно отображают данные за определенный период. Если же необходимо графически представить данные, организованные в группы или категории, чаще прибегают к диаграммам.

Часто к недостаткам столбчатых и линейчатых диаграмм относят их простоту. Это ошибка. Скорее наоборот: преимущество такой диаграммы в том, что она простая, а значит, аудитория направит интеллектуальные усилия на анализ представленных данных, а не на попытки разобраться в элементах.

Диаграммы хорошо воспринимаются визуально. Нам легко сравнить столбцы: какая категория самая большая, какая – самая маленькая, какова разница между ними. Обратите внимание: в силу особенностей нашего восприятия (того, как человеческий глаз сравнивает относительную высоту столбцов) в диаграмме обязательно должна быть нулевая (базовая) линия – где ось Х пересекается с осью Y. Иначе визуальное сравнение будет искаженным и ошибочным.

Рассмотрим в качестве примера рис. 2.12 – столбчатую диаграмму, которая была представлена на телеканале Fox News.

Рис. 2.12 Диаграмма Fox News

Представим, что сейчас осень 2012 г. Нас интересует, что произойдет, когда срок действия сокращения налогов, проведенного при Джордже Буше, закончится. Столбец слева отражает текущий верхний уровень ставки – 35%, а столбец справа показывает, каким он будет с 1 января будущего года: 39,6%.

Что вы чувствуете, глядя на эту диаграмму? Тревогу из-за значительного роста? Разберемся подробнее.

Обратите внимание, что значения по оси Y начинаются не с нуля, а с 34. Это означает, что теоретически столбцы диаграммы должны продолжаться вниз за границы экрана. В том виде, как показано на диаграмме, визуальное увеличение составляет 460% (высота каждого из столбцов 35 – 34 = 1 и 39,6 – 34 = 5,6; таким образом (5,6 – 1) / 1 = 460%). Если бы диаграмма начиналась с нулевой линии и высота столбцов была отображена правильно (35 и 39,6), визуальное увеличение составило бы 13% ((39,6 – 35) / 35). Сравним две диаграммы на рис. 2.13.

Рис. 2.13 В диаграмме должна быть нулевая линия

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

Возможно, вы заметили, что в дизайн второй диаграммы внесены еще несколько изменений. Ось Y, которая в оригинальной диаграмме находилась справа, перенесена влево, чтобы мы понимали, как интерпретировать данные, до того, как увидим их. Значения, которые в оригинальной диаграмме располагались над столбцами, помещены внутрь последних, чтобы снизить уровень информационного шума. Если бы я использовала эту диаграмму для своих целей, а не как пример, возможно, я бы убрала ось Y и оставила только значения данных внутри столбцов, чтобы исключить избыточную информацию. Однако здесь я решила сохранить эту ось, чтобы было ясно, что она начинается с нулевого значения.

Правило, которое мы только что проиллюстрировали: «В диаграмме всегда должна быть нулевая линия». К линейным графикам оно не применяется. Там важно относительное расположение кривой в пространстве, а не расстояние от нее до нулевой линии или оси, так что последнюю можно опустить. Однако пользуйтесь этой возможностью благоразумно: аудитории должно быть понятно, что у графика нет нулевой линии, а вы должны учитывать контекст, чтобы незначительные изменения не выглядели обманчиво серьезными.

Поговорим и о ширине столбцов. Здесь нет четкого правила, но обычно она больше пустого пространства между ними. Не стоит делать их настолько широкими, чтобы у аудитории возникла мысль сравнить их по площади, а не по высоте. Ниже приведены примеры (почти как в сказке про Машу и трех медведей), когда столбцы слишком узкие, слишком широкие и в самый раз.

Рис. 2.14 Ширина столбцов

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

Гистограмма (столбчатая диаграмма)

Один из самых распространенных типов диаграмм – гистограмма, или столбчатая диаграмма (vertical bar chart). Как и график, она может быть с одним, двумя или несколькими рядами данных. При добавлении дополнительных рядов сфокусироваться на них сложнее, так что используйте такие диаграммы осторожно. Также учтите, что в них происходит визуальная группировка данных, в результате становится важным относительный порядок категорий. Подумайте, что именно должна сравнивать аудитория, и структурируйте иерархию категорий, чтобы провести сравнение было максимально легко.

Рис. 2.15 Гистограммы

Гистограмма с накоплением

Гистограммы с накоплением (vertical stacked bar chart) используются нечасто. Они позволяют сравнить общие значения по категориям, а также проанализировать составляющие в отдельной категории. К сожалению, такая гистограмма часто становится сложной для восприятия, особенно учитывая разнообразие цветовых схем, которые по умолчанию есть в большинстве графических приложений (подробнее об этом поговорим далее). Относительно легко справиться с задачей сравнения отдельных компонентов по разным категориям, когда они расположены вдоль оси Х. Но чем выше по столбцам вы поднимаетесь, тем сложнее становится задача. Наглядно это проиллюстрировано на рис. 2.16.

Рис. 2.16 Сравнение компонентов по категориям с помощью гистограммы с накоплением

Структурировать гистограмму с накоплением можно на основе абсолютных значений (как на рис. 2.16) или процентного соотношения – тогда все значения в каждом столбце в сумме должны составлять 100% (указывается процентное соотношение каждого вертикального сегмента, пример такой гистограммы мы разберем в главе 9). Выбор за вами, и он зависит от того, что вы хотите донести до аудитории. При использовании гистограммы с накоплением на основе процентного соотношения подумайте, стоит ли указать абсолютные суммарные значения для каждой категории (либо включив их в диаграмму, либо в примечании или ссылке). Это поможет аудитории интерпретировать данные.

Каскадная диаграмма