Данные: визуализируй, расскажи, используй. Сторителлинг в аналитике - Коул Нассбаумер Нафлик

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

Я уже упоминала об этом ранее, но подчеркну еще раз: иногда данным присущ внутренний логический порядок, которого стоит придерживаться. Так, если бы вместо функций категории шли в цифровом порядке (0–9, 10–19, 20–29 и т. д.), его стоило бы сохранить. Это создает для аудитории важную структуру, на основе которой она интерпретирует данные. Тогда для направления внимания аудитории стоит пользоваться другими методами (выделением цветом, расположением элементов, текстовыми блоками).

Вывод: порядок расположения элементов должен подчиняться логике.

Пример 4. Стратегии избегания «диаграммы спагетти»

Хотя я очень люблю вкусную еду, я с предубеждением отношусь ко всем диаграммам, в названии которых есть что-то съедобное. Вы уже в курсе моего неприязненного отношения к круговой диаграмме (ее еще называют «диаграмма-торт»). «Диаграмма-пончик», или кольцевая, – еще хуже. И дополнение к этому списку – «диаграмма спагетти» (spaghetti graph).

Если вы сомневаетесь, встречались ли вы с этим типом диаграммы, готова поспорить: встречались. Это линейный график, в котором несколько кривых пересекаются и накладываются друг на друга, так что очень сложно сфокусироваться на одной серии данных. Пример показан на рис. 9.21.

Рис. 9.21 «Диаграмма спагетти»

«Диаграмма спагетти», вероятно, получила такое имя, потому что выглядит так, будто кто-то зачерпнул пригоршню недоваренных макарон и швырнул их на землю. Информативность этой диаграммы – как у недоваренных спагетти… отсутствует. Вы заметили, как сложно сконцентрироваться на одной кривой в этом хаосе линий, конкурирующих за внимание?

Есть несколько стратегий, как «спасти» такую диаграмму и придать ей осмысленность. Я расскажу о трех из них и покажу, как применить их на практике на примере рис. 9.21. На диаграмме представлены сферы деятельности некоммерческих организаций, получающих финансовую поддержку от спонсоров. Во-первых, мы используем подход, с которым вы уже знакомы: применение атрибутов, привлекающих внимание, для выделения конкретной кривой. Вторая стратегия заключается в том, что мы разделим кривые в пространстве. Наконец, в рамках третьей стратегии мы объединим первые два подхода.

Выделяем одну кривую графика за один раз

Один из способов сделать «диаграмму спагетти» менее перегруженной – использовать привлекающие атрибуты, чтобы фокусировать внимание на одной кривой за раз. Например, можно привлечь внимание аудитории к увеличению числа спонсоров, поддерживающих некоммерческие организации в сфере здравоохранения (рис. 9.22).

Рис. 9.22 Выделяем одну кривую графика

Или с помощью этой же стратегии можно сфокусировать внимание аудитории на снижении числа спонсоров, поддерживающих некоммерческие организации в сфере образования (рис. 9.23).

Рис. 9.23 Выделяем другую кривую графика

На рис. 9.22 и 9.23 выделение цветом, толщина линии и дополнительные маркеры (маркер данных с указанием численного значения) выполняют функцию визуальных подсказок, привлекающих внимание аудитории к данным, на которых мы хотим сосредоточиться. Эта стратегия эффективна в формате устной коммуникации, когда вы объясняете аудитории общий контекст и как читать график, а затем переходите от одной серии данных к другой, выделяя то, на что следует обратить внимание и почему. Этот подход требует дополнительных устных комментариев или сопроводительного текста, чтобы объяснить, почему выделена конкретная серия данных и какая история с этим связана.

Разделяем кривые графика в пространстве

«Диаграмму спагетти» можно сделать понятнее, если разделить кривые в пространстве по вертикальной или горизонтальной оси. Рассмотрим вариант, когда кривые графика разделены по вертикальной оси (рис. 9.24).

Рис. 9.24 Разделяем кривые графика по вертикальной оси

На рис. 9.24 все графики выстроены по одной горизонтальной оси (шкала по годам, приведенная в самом верху). Мы имеем дело с пятью отдельными графиками, объединенными в рамках одной визуализации данных. Вертикальная ось не отображена: начальная и конечная точки графиков с указанием численных значений дают контекст и делают вертикальную ось избыточной. Хотя это не показано на графике, важно, чтобы минимум и максимум по оси Y были одинаковыми для каждого графика. Так аудитория сможет сравнить относительное расположение каждой кривой или точки в отведенном пространстве. Если уменьшить размер диаграммы, она будет выглядеть как спарклайн, или искрографик (sparkline, термин, введенный в употребление Эдвардом Тафти для обозначения небольших по размеру, но информативных графиков, которые обычно не содержат осей или системы координат и отображают общую форму данных; Beautiful Evidence, 2006).

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

Рис. 9.25 Разделяем кривые графика по горизонтальной оси

Если на рис. 9.24 мы использовали горизонтальную ось (шкала по годам) для пяти категорий, то на рис. 9.25 для пяти категорий использована ось Y (доля спонсоров, %). В этом случае относительная высота разных серий данных позволяет легко сравнивать их между собой. Сразу очевидно, что в 2015 г. больше всего спонсоров профинансировали некоммерческие организации из сферы здравоохранения, чуть меньше – из сферы образования, еще меньше – из сферы социального обеспечения и так далее.

Объединенный подход

Третья стратегия – объединение двух описанных выше подходов. Можно разделить кривые в пространстве и выделить одну кривую, оставив остальные для сравнения, но не привлекая к ним внимания. Как и при втором подходе, это можно сделать, разделив кривые графика по вертикальной (рис. 9.26) или по горизонтальной оси (рис. 9.27).

Рис. 9.26 Объединенный подход с разделением кривых по вертикальной оси

Рис. 9.27 Объединенный подход с разделением кривых по горизонтальной оси

Серию небольших графиков, представленных вместе, как на рис. 9.27, иногда называют типовым множеством (small multiples, термин тоже предложен Эдвардом Тафти). Как уже отмечалось, важно, чтобы минимумы и максимумы по вертикальной и горизонтальной осям были одинаковыми для всех графиков: тогда пользователи смогут быстро сравнить выделенные серии данных по разным графикам.

Подход, реализованный на рис. 9.26 и рис. 9.27, эффективен, когда важен общий контекст, но должна быть возможность сосредоточиться на одной кривой графика за раз. Из-за высокой информационной плотности объединенный подход скорее стоит использовать в письменной коммуникации, поскольку при устном выступлении сложно управлять вниманием аудитории.

Как обычно, не существует единственного верного ответа. Решение каждый раз нужно выбирать по ситуации. Однако общую рекомендацию все же можно дать: работая с «диаграммой спагетти», подумайте, какую информацию вы хотите донести до аудитории,