Советы по Tableau
33 Способа работы в Tableau от Раяна Слипера
Содержание
Глава 1: 3 способа создания красивых диаграмм в Tableau
Глава 2: 3 способа создания красивых линейных графиков в Tableau
Глава 3: 3 способа использования комбинированных диаграмм с двумя осями в Tableau
Глава 4: 3 способа использования действий панели инструментов Tableau
Глава 5: 3 способа использования Google с действиями панели инструментов Tableau
Глава 6: 3 способа с помощью которых опция Describe может помочь вам использовать Tableau
Глава 7: 3 способа добавить оповещения в ваши панели инструментов
Глава 8: 3 способа использования символов альт-кода для улучшения панелей инструментов
Глава 9: 3 способа улучшения визуализации ваших данных с помощью психологических схем
Глава 10: 3 способа сделать графики полезнее круговых диаграмм
Глава 11: 3 способа принятия решений по визуализации данных
Глава 1. 3 способа создания красивых диаграмм в Tableau
Когда дело доходит до визуализации данных, гистограммы – самый распространённый инструмент. При всем моем уважении к другим моим любимым фундаментальным типам графиков, таким как линейные графики и точечные диаграммы, ничто не обладает такой гибкостью, простотой использования и легкостью понимания, как классическая гистограмма. Используемые для сравнения значений категориальных данных, гистограммы работают хорошо, поскольку в них используется базовый превнимательный атрибут: длина. Наша способность обрабатывать длину столбцов с предельной эффективностью и точностью делает гистограмму, пожалуй, самым мощным инструментом визуализации данных.
Изобретение гистограммы приписывается Уильяму Плейфайру, и ее первое появление связано с экспортом и импортом различных товаров из и в Шотландию в течение одного года, с Рождества 1780 года до Рождества 1781 года. Помимо необычайно длинных и описательных названий, гистограммы уже давно отображают еще и влияние. Я предполагаю, что столбчатые диаграммы фактов существуют так долго, что являются одной из причин, по которой некоторые пытаются найти «более привлекательный» тип диаграммы для отображения истории своих данных.
В этой главе автор совершает попытку развить еще большую любовь к гистограммам, рассказывая о трех способах сделать их более привлекательными в Tableau.
1. Используйте форматирование, доступное в Tableau
Мой первый совет по созданию красивых гистограмм в Tableau – используйте параметры форматирования, доступные в Tableau. Рассмотрим следующую гистограмму «Продажи по категориям», изображенную справа, которая отображает настройки по умолчанию.
Показанная гистограмма отлично выполняет свою работу, так как вы можете сразу определить, что технологии лидируют на рынке с объемом продаж более 800 000 $, мебель – на втором месте, а канцелярские товары – на последнем. Однако есть несколько возможностей сделать эту гистограмму более привлекательной и эффективной. Самый очевидный из них – расширение столбцов, чтобы название категорий отображалось в полном объеме.
Рис.1.1 - Гистограмма «Продажи по категориям»
Чем шире колонки, тем шире сами столбцы. На мой взгляд, эти столбцы теперь стали слишком массивны по сравнению с остальной частью визуализации. Следующий шаг, который я сделаю – уменьшу размер столбцов, щелкнув по Size Marks Card (Карта обозначения размера) и перетащив бегунок в положение по середине.
Рис. 1.2 – Гистограмма с расширенными столбцами
Следующий совет спорный, но я не настолько описателен, как Уильям Плейфайр с его 110-символьным названием гистограммы. Исходя из собственного опыта, могу сказать, что контекст диаграммы должен быть представлен в близлежащем тексте и/или заголовках панели инструментов, поэтому я собираюсь скрыть имя листа, щелкнув правой кнопкой мыши на заголовок и выберу «Hide Title» (Скрыть заголовок). Также я щелкну правой кнопки мыши на заголовке гистограммы, «Category» (Категория) и выберу «Hide field labels for colums» (Скрыть метки полей для столбцов). Если это отдельная визуализация, я рекомендую сохранить название.
Рис. 1.3 – Гистограмма со скрытыми заголовками
Столбцы на этом графике неоправданно высоки, так как различия между категориями не так уж существенны.
Вот как выглядит гистограмма после того, как я уменьшил высоту примерно на 40%.
Рис. 1.4 – Редактирование высоты столбцов гистограммы Рис. 1.5 – Гистограмма с уменьшенной высотой столбцов
Выполняйте этот шаг в каждом конкретном случае, но одним из побочных эффектов ограниченной дисперсии между тремя столбцами является большое количество линий сетки и меток осей. Это отрицательно влияет на соотношение данных и информационных-пикселей и но от этого можно избавиться. Чтобы уменьшить количество отметок на оси, щелкните правой кнопкой мыши по оси, нажмите «Edit axis…» (Редактировать ось) и перейдите на вкладку «Tick marks» (Метки на осях).
Рис. 1.6 – Изменение количества меток на осях
Вот как выглядит гистограмма после установки отметки с шагом 200 000, как показано в диалоговом окне выше.
Рис. 1.7 – Гистограмма с шагом оси - 200 000 $
И последнее, но не менее важное: цвет. Я много писал о цвете, в том числе об использовании цвета для улучшения визуализации ваших данных и о трех путях улучшения визуализации ваших данных с помощью психологических схем. О цвете можно говорить много, но в целях этой главы я изложу лишь три предложения по раскраске ваших гистограмм:
1. Избегайте двойного кодирования. Столбцы на нашем графике уже разделены по категориям. Повторное добавление категории к карточке с цветными метками (Color Marks Card) для окрашивания каждого столбца уникальным цветом не является необходимым и может привести к путанице. Единственное предостережение, если цвета используются для обеспечения связи между несколькими визуальными элементами на панели инструментов.
2. Уменьшите непрозрачность со 100% до 80% – 90%, щелкнув «Color Marks Card» (Карта цветовых меток) и переместив ползунок непрозрачности влево. Это очень тонкая техника для уменьшения насыщенности цвета и облегчения зрительного восприятия.
3. Используйте это как простую возможность для визуализации ваших данных. Если вы не можете выбрать цвет, рассмотрите возможность использования основного или дополнительного цвета вашего бренда или бренда ваших конечных пользователей.
Вот как выглядит моя последняя гистограмма после выбора второго цвета моего бренда и снижения непрозрачности столбцов до 90%. Обратите внимание, что я также сделал границы столбцов очень тонкими, что можно найти в опциях на «Color Marks Card» (Карте цветовых меток).
Рис. 1.8 – Изменение цвета столбцов
2. Используйте линейки оси для добавления базовой линии
В последнем совете я упомянул соотношение данных и информационных пикселей. Эта концепция, введенная Эдвардом Тафти, по сути, говорит, что вы должны выделить как можно больше «информационных пикселей» в визуализации данных. Один из способов, с помощью которого я иногда добиваюсь такого эффекта – полностью скрыть ось и добавить метки к столбцам. (см. рис. 2.1)
Чтобы дополнить первый совет о форматировании, я сделал шрифт большим и соответствующим бренду. Мне нравится этот вид, но мне не нравится, что столбцы кажутся плавающими. Я хотел бы добавить прочную основу для столбцов, это имеет практическую цель, а также улучшает дизайн. Самый простой способ добавить базовую линию – это изменить форматирование линеек осей визуализации. По умолчанию линейки осей установлены в виде светлой, тонкой серой линии. Чтобы сделать линию более массивной и соответствующей по цвету создаваемой гистограмме, щелкните правой кнопкой мыши на изображение и выберите «Format…» (Форматировать) (см. Рис. 2-2)
Рис. 1.2.1 Скрытая ось
Рис. 1.2.2 Изменение форматирования осей визуализации
Слева откроется панель форматирования. Перейдите во вкладку «Format lines» (Форматирование линий) и измените форматирование для линий осей строк и столбцов. Чтобы очистить изображение, я выставляю «None» (Нет) для Линий осей строк. Это удалит тонкую серую вертикальную линию в левой стороне гистограммы. Далее я отформатирую линии осей для столбцов, чтобы они представляли собой сплошную толстую линию, соответствующую цвету границ столбцов.
Рис. 1.2.3 Форматирование линий осей
Вот как выглядит моя последняя редакция гистограммы после удаления всех сторонних линий, кроме базовых.
Рис. 1.2.4 Вид гистограммы после удаления сторонних линий
Сравните ее с гистограммой Tableau по умолчанию на первом изображении выше!
3. Добавление шапок к столбцам
Как я объяснял в Tablueprint 2: Мои публичные представления Tableau, у гистограмм с шапками есть два преимущества: (1) они улучшают общий дизайн гистограммы и (2) они увеличивают ценность, потенциально удваивая вторичную точку сравнения. Например, размер шапки может представлять целевое значение или быть окрашен другим показателем (то есть длина столбцов представляет продажи; цвет шапок представляет доходность). Хотя мне нравится стиль ограниченных столбцов и тонкий способ, которым они могут предоставить дополнительную информацию, будьте внимательны, их можно легко спутать со штабельной диаграммой, и их следует использовать осторожно.
Вот как выглядит гистограмма с шапками при добавлении в наш предыдущий пример.
Рис. 1.2.5 Ограниченная гистограмма
Чтобы создать гистограмму с шапками в Tableau, начните с добавления двух осей к исходной гистограмме. Это можно сделать, перетащив второй раз значение в Roes Shelf (Полка столбцов) нажав на второе выпадающее окно и выбрав «Dual Axis» (Двойная ось).
Рис. 1.2.6 Добавление Двойной оси
Создав двухосную гистограмму, измените тип метки первого показателя обратно на столбец, а тип метки для второго показателя – столбец Ганта. Также убедитесь, что оси синхронизированы, щелкнув правой кнопкой мыши на правой оси и выбрав «Synchronize Axis» (Синхронизировать оси). На данный момент изображение выглядит следующим образом:
Рис. 1.2.7 Синхронизация осей
Следующим шагом к созданию ограниченных гистограмм в Tableau является создание вычисляемого поля для размера заглавных букв. Расчет прост – MIN ([вставить размер]). Крайне важно добавить отрицательный знак перед размером столбца, чтобы обеспечить правильное направление шапок. Вот как выглядит мое вычисленное поле при установке размера шапки на 30 000:
Рис. 1.2.8 Создание вычисляемого поля
Наконец, перетащите только что созданное вычисляемое поле «Bar Cap Size» (Размер шапки столбца) в Size Marks Card (Карта обозначения размера) в графе «Marks» (Метки) для показателя, который вы задали в качестве столбца Ганта.
Рис. 1.2.9 Задание размера шапок столбцов
Чтобы завершить свою гистограмму, я придал шапкам такой цвет, чтобы они соответствовали границам столбцов, и спрятал обе оси.
Глава 2. 3 способа создания красивых линейных графиков в Tableau
В связи с популярностью 3 способов создания красивых гистограмм в Tableau, я решил развить некоторые из идей, чтобы сделать ваши линейные графики в Tableau еще более привлекательными. Линейные графики близки к гистограммам, (мой любимый фундаментальный тип визуализации), это очевидный выбор в случае оценки тенденций во времени.
Как и гистограммы, изобретение линейных графиков, как правило, приписывается Уильяму Плейфайру, конец 18-го века. Также как гистограммы, я виню их возраст и продолжительность знакомства с ними людей. Это главная причина, по которой некоторые энтузиасты визуализации данных ищут «более привлекательный» инструмент. Линейные графики выдержали испытание временем, и их эффективность нельзя отрицать. Я надеюсь, что эти три подхода помогут закрепить линейные графики в качестве лучшего выбора для вашей визуализации данных в Tableau.
1. Используйте форматирование, доступное в Tableau
Мой первый совет как сделать линейные графики более привлекательными состоит в использовании опций форматирования, доступных в Tableau. Рассмотрим линейный график продаж по сегментам со всеми настройками Tableau по умолчанию. Обратите внимание, что я использовал поле Месяц ([Дата заказа]), как постоянное и отфильтровал данные до 2016 года.
Рис. 2.1 Линейный график с настройками Tableau по умолчанию
Большое внимание было уделено форматированию по умолчанию в Tableau, включая шрифты, цвета и размеры надписей. Как и следовало ожидать от моего выбранного инструмента визуализации данных, этот график уже выполняет свою работу и дает хорошее представление. При этом, если одна из ваших целей – сделать график как можно более привлекательным, есть несколько возможностей повысить ценность этой визуализации.
Во-первых, мне лично никогда не нравился заголовок оси, который используется для обозначения детализации даты, если вы постоянно используете поле даты. Хотя я ценю ясность, которую обеспечивает название оси, эта информация обычно уже подразумевается в самом графике и обычно указывается в окружающем контексте (т.е. «График продаж по месяцам за прошлый год»). Я почти всегда избавляюсь от названия этой оси. К сожалению, если вы щелкните правой кнопкой мыши по оси и отмените выбор «Show header» (Показать заголовок), заголовок оси и названия месяцев исчезнут. Чтобы избавиться только от названия оси, но сохранить названия месяцев, щелкните правой кнопкой мыши по оси и выберите «Edit axis…» (Редактировать ось). Откроется диалоговое окно, в котором вы можете изменить заголовок оси. Хитрость заключается в том, чтобы просто удалить весь текст в этой строке; затем нажать кнопку ОК.
Рис. 2.2 Удаление заголовка оси
Далее, если это отдельная визуализация, жирность линий слишком мала. Чтобы изменить жирность линий, нажмите на Size Marks Card (Карта обозначения размера) и перемещайте ползунок влево или вправо, пока линии не приобретут желаемый размер. Обычно я нахожу, что вторая «метка» на Size Marks Card – оптимальный вариант размера.
Используйте эту возможность в каждом конкретном случае, так как иногда, более массивные линии выглядят не очень при использовании в более узком пространстве (например, в одном из нескольких компонентов на панели инструментов).
Рис. 2.3 Задание толщины линий
Следующий совет по форматированию посвящен одному из наиболее распространенных вопросов, которые мне задают, когда я говорю о Tableau: «Маркеры». Маркеры – это маленькие кружки, которые иногда видны на точках данных линейного графика. Маркеры служат практической цели – сообщить конечному пользователю, где находятся данные, это также простой способ улучшить линейный график.
Чтобы добавить маркеры, нажмите на Color Marks Card (Карта «Цветные метки») и выберите вторую опцию - «Markers» (Маркеры).
Рис. 2.4 Добавление маркеров на линейный график
Следующий совет не является обязательным, но я часто подчеркиваю, что мне нравится «pop up» (всплывающее) представление. Этого можно достигнуть несколькими способами; самый простой из которых – щелкнуть на элементе измерения в легенде цвета.
Рис. 2.5 Установка элемента измерения
Этот подход также позволяет конечному пользователю сделать выбор, который ему не безразличен. Еще один способ выделить элемент измерения – выделить сегмент измерения. Это можно сделать, щелкнув правой кнопкой мыши на измерении сегмента (в данном случае, на Color Marks Card (Карте «Цветовые метки»)) и выбрав «Show highlighter» (Показать выделитель).
В других случаях, вы захотите сделать выделение постоянным. Может быть потому что я являюсь менеджером корпоративного сегмента, поэтому всегда хочу, чтобы он выделялся во всех отображениях. Или, может быть, мне не разрешают видеть производительность членов другого подразделения, но мой начальник хочет, чтобы я видел производительность своего сегмента в контексте других. Есть способ сделать это с параметрами, которые выходят за рамки этой главы, но этого также можно легко добиться путем изменения цветов элементов измерения. Вот как выглядит мой линейный график после «затушевывания» двух из трех элементов измерения, когда вы нажимаете на цветовую легенду и переназначаете цвета. Чтобы завершить представление, я также поместил цвета и шрифты бренда.
Рис. 2.6 Выделение одного элемента измерений
2. Максимизация коэффициента информационных пикселей
Следующий совет следует учитывать для любой создаваемой вами визуализации: максимизируйте «коэффициент использования информационных пикселей». Коэффициент использования информационных пикселей – это концепция, введенная Эдвардом Тафти, который говорит, что вы должны выделять как можно больше «информационных пикселей» для просмотра данных. Это означает избавление от ненужных строк, эффектов и всего, что отвлекает от самих данных.
Есть несколько возможностей сделать наш линейный график еще более минималистичным, чем он есть. Во-первых, отметки на оси продаж можно уменьшить, как минимум вдвое. Метки оси продаж на этом линейном графике – кратные 5000 $, вверх по оси Y. По умолчанию они часто слишком зернисты, как по мне, и вызывают слишком много лишних линий и слишком много информационных пикселей. Чтобы зафиксировать отметки на оси, щелкните правой кнопкой мыши по оси Y, нажмите «Edit axis…» (Редактировать ось) и перейдите во вкладку «Tick marks» (Метки отметок). Вы должны остерегаться того, что эта опция действительно фиксирует метки оси, поэтому, если вы отфильтруете вид позже, этот параметр останется неизменным.
Рис. 2.2.1 Максимизация коэффициента информационных пикселей
Вот как выглядит мой линейный график после установки шага в 15 000 единиц
Рис. 2.2.2 Линейный график с шагом в 15 000 единиц
Этот же подход можно использовать для оси X, с месяцами, если вы используете непрерывную ось. Это не всегда подходящее решение, но часто диапазона оси достаточно, чтобы сообщить, о чем идет речь. Я часто показываю только начальную и конечную точки оси X линейного графика, особенно используя искрографики. Вот как выглядит мой линейный график после фиксации отметок оси на одиннадцати месяцах с началом координат в 1 января.
Рис. 2.2.3 Линейный график с метками оси Х
Чтобы завершить представление, я скрою линейки осей и изменю линии сетки на пунктир. Обе эти опции находятся на панели форматирования, которую вы можете открыть, щелкнув правой кнопкой мыши на графике и выбрав «Format…» (Форматировать).
Рис. 2.2.4 Настройка пунктирных линий сетки
Сравните полученный график с линейным графиком по умолчанию в начале главы!
3. Использование двойной оси
Существует как минимум два способа использования второй оси для улучшения визуализации на линейном графике. Допустим, нам действительно нравятся маркеры из подсказок по форматированию, описанных выше, но мы хотели бы сделать их более заметными. Чтобы сделать это, начните с того, что поместите показатель продаж в графу Строк во второй раз, щелкните правой кнопкой мыши и выберите «Dual axis» (Двойная ось).
Убедитесь, что оси совпадают, щелкнув правой кнопкой мыши по правой оси и выбрав «Synchronize axis» (Синхронизировать оси).
Рис. 2.3.1 Настройка использования двух осей
Теперь, когда у вас есть два показателя в графе Строк, у вас также есть два комплекта Карт с отметками в графе с Отметками. Их можно редактировать независимо, а это означает, вы можете сохранить тип метки для первого экземпляра Sales as Line (Продажи как линия), и изменить тип метки для второго экземпляра Sales to Circle (Продажи как круг). После определения размеров кругов, которые являются теперь вашими новыми маркерами, скройте правую ось, нажав на нее и отменив «Show header» (Показать заголовок).
Рис. 2.3.2 Редактирование отметок
Последний совет по использованию двойной оси для улучшения линейного графика – это дизайн, вдохновленный Google Analytics. При одновременном отображении только одного элемента измерения, в Google Analytics отображается комбинация двухосного линейного графика/графика зон. Чтобы показать вам этот подход, я собираюсь отфильтровать изображение только по сегменту, который мне нужен: «Корпоративный».
Рис. 2.3.3 Использование дизайна Google Analytics
Теперь, когда мы изолировали один элемент измерения, измените тип метки при втором появлении Sales to Arear (Продажи по зонам). Наконец, немного уменьшите непрозрачность области, например, до 10%. Вот как выглядит мой последний график.
Рис. 2.3.4 Конечный вид линейного графика
Глава 3. 3 способа использования комбинированных диаграмм с двумя осями в Tableau
Двухосные комбинированные диаграммы или комбинированные диаграммы названы так, потому что они имеют две оси и отображают комбинацию различных типов меток. Например, вы можете создать визуализацию, которая отображает меру с линейками на одной оси, а другую меру в виде линий на второй оси. Это один из моих любимых типов диаграмм, который можно использовать в Tableau, потому что возможность добавлять вторую ось и управлять осями независимо друг от друга открывает дополнительные возможности. Эта новая возможность создает несколько практических приложений, которые можно использовать для улучшения анализа, взаимодействия с пользователем и проектирования.
Эта глава описывает создание двухосной комбинированной диаграммы в Tableau, а также три различных способа ее использования: (1) традиционное использование (2) метод определения вашего конечного пользователя частью истории и (3) возможность улучшить эстетику вашей панели.
1. Как создать комбинированную двухосную диаграмму в Tableau
Начать следует с создания традиционной двухосной комбинированной диаграммы с использованием набора данных Sample – Superstore. Даже если это вам знакомо, я поделюсь вторым подходом, о котором вы, возможно, не знаете, и который поможет сократить количество кликов. На первом графике будут показаны продажи по годам в виде столбцов на одной оси, а коэффициент прибыли по годам в виде линий на другой оси; обе меры также будут разбиты по измерению категории.
Рис. 3.1 Традиционная двухосная комбинированная диаграмма
Я предпочитаю начинать работу с одну из диаграмм, поэтому я начну с продаж по годам по категориям.
Затем поместите вторую меру (в данном случае, Profit Ratio (Коэффициент прибыли)) в графу строк.
Рис. 3.2 Добавление второй метки – Profit Ratio (Коэффициент прибыли)
На данный момент у нас есть две отдельные гистограммы в двух рядах. Есть два способа преобразования этих двух отдельных гистограмм в двухосную гистограмму. Первый способ, на котором учится большинство людей – это нажать на вторую кнопку измерения в графе с рядами и выбрать «Dual Axis» (Двойная ось).
Рис. 3.3 Первый способ преобразования двух гистограмм в одну двухосную
Второй и немного более эффективный метод – навести курсор на ось второго ряда. При наведении курсора в верхнем левом углу оси появится зеленый треугольник. Вы можете щелкнуть левой кнопкой мыши на зеленый треугольник и перетащить его на противоположную левой оси ось в первом ряду. Когда вы наводите курсор мыши на правую сторону графика, Tableau покажет вам пунктирную линию; место, где ось будет нарисована после отпускания левой клавиши мыши.
В обоих случаях мы получаем двухосную гистограмму.
Рис. 3.4 Второй способ преобразования гистограммы
Это не совсем двухосный комбинированный график, потому что типом метки для обоих графиков является столбец, столбцы для соотношения прибыли лежат над столбцами для продаж. Для двухосной комбинированной диаграммы нам нужна комбинация типов меток. Если у вас есть несколько мер в графе строк и/или графе столбцов, каждая мера получает свою графу значков. Это означает, что вы можете редактировать типы меток показателей независимо друг от друга.
Рис. 3.5 Гистограмма с одинаковым типом меток обоих графиков - столбец
Вот как выглядит окончательный вид после того, как я изменил тип метки показателя Profit Ratio (Коэффициент прибыли) со столбца на линию.
Рис. 3.6 Гистограмма с разными типами меток
Есть одно предостережение при использовании типа метки – линии. Линии следует использовать только в том случае, если между точками данных существует связь во времени или если они связаны непрерывным измерением/мерой. Дискретные поля обрабатываются в порядке их следования в графе строк или графе столбцов в Tableau. Таким образом, в моем примере соотношение продаж и прибыли сначала разбивается по показателю. «Category» (Категория), а затем - по показателю «Year (Order Date)» (Год (Дата заказа)). Это работает, но что если мы захотим сначала разбить два показателя на год (дата заказа), а затем на категорию? Вот как это выглядит:
Рис. 3.7 Разбивка по показателям
Обратите внимание, что теперь мы соединяем точки с линиями по точкам данных, которые не связаны по времени. Если вы когда-либо сталкивались с такой ситуацией, я предлагаю изменить тип метки с линии на круг, чтобы создать точечный график на второй оси.
Рис. 3.8 Гистограмма с типом метки - круг
2. Использование двухсной комбинированной диаграммы, чтобы сделать пользователя частью истории.
Для демонстрации второго способа использования комбинированной двухосевой диаграммы мы воссоздадим часть моей панели инструментов Tableau: Как оценивается ваш семейный доход?
Визуализация отображает кривую, которая показывает, как доход каждой семьи выражается в процентилях. Это общее «описательное» представление в том смысле, что оно описывает статистику высокого уровня. Реальное значение получается при использовании второй оси, чтобы показать, где человек, использующий панель инструментов, находится на этой кривой. Это делает конечного пользователя частью истории и гораздо более привлекательным для пользователя.
Чтобы добиться этого эффекта, я использовал встроенный в Tableau параметр, который позволял бы конечному пользователю выбирать любой из вариантов семейного дохода от 2000 до 450 000 $. После выбора, в дополнение к описательной кривой, круг перемещается в соответствующее место на основе выбора пользователя. Этикетка также содержит подпись, сообщающую конечному пользователю, в каком процентном ранге находится доход их семьи.
Рис. 3. 2.1 График семейного дохода
Это – двухосная комбинационная диаграмма. Кривая для левой оси использует тип метки «Line» (Линия), а круг – это вторая мера, которая отображает только круг для выбора конечного пользователя на правой оси. Хитрость в том, чтобы показать только один кружок – это простая формула, которая вычисляет, соответствует ли выбор параметров пользователя значению семейного дохода по оси Y. Вот как это выглядит:
Рис. 3.2.2 Отображение только одной метки
Как только я получил этот расчет, я построил кривую на левой оси и поместил меру – круг на правой оси.
Рис. 3.2.3 Синхронизация осей
Чтобы завершить вид, я синхронизировал оси, щелкнув правой кнопкой мыши по оси «Circle» (Круг) и выбрав «Sinchronize axis» (Синхронизировать ось). Это гарантирует, что круг всегда будет идеально совпадать с линией на противоположной оси. Наконец, я спрятал ось справа, щелкнув по ней правой кнопкой мыши и сняв флажок «Show header» (Показать заголовок).
3. Использование двойной оси для улучшения дизайна линейного графика
В предыдущей главе «3 способа создания красивых линейных графиков» я привел несколько рекомендаций по повышению привлекательности традиционных линейных графиков в Tableau. Один из этих подходов включает двухосную комбинированную диаграмму; вот как это делается. Скажем, у вас есть линейный график, показывающий продажи по месяцам:
Рис. 3.3.1 Линейный график продаж по месяцам
Теперь я помещу показатель «Sales» (Продажи) на правую ось, синхронизирую оси и изменю тип метки для второй оси на «Area» (Площадь).
Рис. 3.3.2 Синхронизация осей с изменением типа метка – Площадь
На данный момент у нас есть двухосный комбинированный график с продажами по месяцам в виде линейного графика и продаж по месяцам в виде диаграммы площадей. Чтобы завершить вид, я скрою правую ось и уменьшу непрозрачность области до 10%
Рис. 3.3.3 Скрытая правая ось и сниженная непрозрачность
Вы можете использовать только вторую ось для одной цели за раз но, если вы не используете ее по одной из первых двух причин, приведенных выше, данный, третий способ может быть простым решением для улучшения традиционных линейных графиков.
Глава 4. 3 способа использования действий панели инструментов Tableau
Действия, фильтры и параметры панели инструментов – три лучшие тактики, которые можно использовать в Tableau, поскольку они предоставляют возможность передать контроль над анализом от вас конечным пользователям. Это очень важно для визуализации данных, поскольку это позволяет вам разрешить обнаружение для ваших пользователей и облегчает сохранение информации, которую они находят. В этой главе я представлю вам панель инструментов, и мы рассмотрим три различных способа использования действий на ней для улучшения вашего пользовательского опыта.
Что представляет собой панель инструментов Tableau
Прежде чем я поделюсь тремя идеями о том, как использовать действия на панели, рассмотрим краткое пособие по использованию инструмента, если вы не знакомы с этой функцией. Если вы знакомы с концепцией действий панели инструментов переходите сразу к первому совету панели инструментов Tableau.
Действие 1. Использование каждого листа в качестве фильтра.
Действия панели инструментов в Tableau позволяют добавлять логику в компоненты панели, которые создают действия в других местах. Например, вы можете добавить следующую логику: «Если пользователь нажимает на Лист 1 панели инструментов, я хочу, чтобы что-то происходило на Листе 2». Если вы думаете таким образом о действиях панели инструментов, их настройка в Tableau достаточно интуитивна. Чтобы настроить действие панели инструментов, выберите «Dashboard» (Панель инструментов) > «Actions» (Действия) в верхней панели навигации в любом представлении панели инструментов. Появится диалоговое окно, и когда вы нажмете кнопку «Add action» (Добавить действие) в нижнем левом углу, на панели отобразится три варианта действия, которое вы можете добавить:
1. Фильтр – пример: если вы нажмете на Лист 1, Лист 2 будет отфильтрован по параметру, на который вы кликнули в Листе 1.
2. Выделение – Пример: если вы нажмете Лист 1, Лист 2 будет выделен так же, как и Лист 1.
3. URL – пример: если вы нажмете Лист 1, откроется URL (его можно открыть в компоненте панели инструментов веб-страницы или в новом окне браузера).
После выбора типа добавляемого действия на панели инструментов, вы переходите на новый экран, где прописывается код логики действия на панели:
В списке «Source Sheets» (Исходные листы) отображаются все листы, которые есть на панели инструментов, куда вы добавляете действие. Любые листы, выбранные в этом списке, приведут к выполнению действия панели мониторинга.
В списке «Target sheets» (Целевые листы) также отображаются все листы панели инструментов, но это листы, выбранные для выполнения действия.
Довольно легко, не так ли?
Рис. 4.1 Кодирование логики панели инструментов
Есть несколько вариантов действий на панели инструментов. Во-первых, вы можете выполнить действие для трех различных взаимодействий (изображено в верхнем правом углу диалогового окна):
1. Ожидание – Пример: при наведении курсора на исходный лист, действие будет выполняться в целевом листе.
2. Выбор – Пример. Если щелкнуть исходный лист, действие будет выполнено в целевом листе.
3. Меню – Пример: если вы наводите курсор мыши на исходный лист, во всплывающей подсказке появится меню действий панели инструментов. Нажатие на один из пунктов меню выполнит действие на целевом листе.
Рис. 4.2 Действия на панели инструментов
Вы также можете задать Tableau действие после очистки действий на панели инструментов (что можно сделать, нажав Выход):
1. Оставить фильтр – оставляет последнее действие на панели инструментов, которое произошло на месте. Если вы отфильтровали Лист 2, щелкнув по Листу 1, фильтр на Листе 2 останется.
2. Отобразить все значения - возврат к исходному виду, как будто никаких действий с панелью не выполнялось.
3. Удалить все значения - удаляет все с целевого листа, то есть целевой лист не будет отображаться, пока не будет выполнено действие панели.
Наконец, вы можете уточнить действие панели инструментов для определенных полей, используя параметры «Target filters» (Целевые фильтры) в нижней части диалогового окна действий панели. По умолчанию, действие панели будет выполняться для каждого общего поля между исходными и целевыми листами. Если вы хотите изменить уровень детализации действия на целевом листе, вам необходимо добавить целевой фильтр, чтобы указать поля – по сути, сообщая Tableau, насколько подробными должны быть ваши данные.
Рис. 4.3 Очистка действий
Панель инструментов Tableau. Действие 1: использовать каждый лист в качестве фильтра
Любой лист в информационной панели можно использовать в качестве фильтра, просто наведя на него курсор, щелкнув стрелку вниз, которая появляется в верхнем правом углу, и выбрав «Use as filter» (Использовать как фильтр). Это базовая функция Tableau, но, когда я увидел презентацию Кевина Кризека из Tableau, я осознал, что было бы неплохо разрешить пользователям использовать каждый лист на панели в качестве фильтра. Добавление этой функции в ваши собственные панели дает пользователям гибкость в выборе того, как они хотят отображать данные.
Давайте посмотрим, как это будет работать с образцом панели, которую я часто создаю, когда говорю о Tableau. Вот оригинальный вид:
Рис. 4.4 Использование листа в качестве фильтра
Теперь я хочу использовать каждый отдельный лист панели в качестве фильтра для всей панели инструментов, наведя указатель мыши на лист, щелкнув стрелку вниз, которая появляется в верхнем правом углу, и выбрав «Use as filter» (Использовать как фильтр) (на всех трех листах).
Рис. 4.5 Использование каждого листа в качестве фильтра
Теперь, когда я нажимаю на любой лист, остальные листы фильтруются по тому, на что я нажимал. Например, если я нажму на «Вашингтон» на виде карты, листы линии тренда и гистограммы будут отфильтрованы только до этого состояния:
Рис. 4.6 Фильтрация всего графика по одному листу
Что на самом деле происходит за кулисами, когда я выбираю использование листа панели в качестве фильтра, - Tableau автоматически создает действие панели, как показано во введении действий панели выше. Вы можете подтвердить действия, созданные в Tableau на панели инструментов, перейдя в «Dashboard» (Панель инструментов) > «Actions» (Действия).
Удачность функции настройки каждой панели в качестве фильтра вместо того, чтобы разделять одно действие панели мониторинга между всеми исходными листами, состоит в том, что вы можете уточнить действия независимо друг от друга. Например, гистограмма не добавляет особой ценности, когда она фильтруется до значения «Вашингтон», как показано выше. Возможно, было бы лучше, если бы я добавил целевой фильтр, который фильтровал бы гистограмму в область вместо состояния, когда я нажимаю на карту. С другой стороны, мне бы хотелось, чтобы на карте отображалось только одно состояние, если я щелкаю отдельное состояние на гистограмме. Чтобы иметь эти два разных уровня детализации фильтра, мне понадобятся два отдельных действия на панели инструментов.
Рис. 4.7 Диалоговое окно создания действия панели
Панель инструментов Tableau. Действие 2. Добавление видео из YouTube в панель.
Данный совет я впервые получил от Бена Джонса в его блоге DataRemixed.com. Первый раз я вставил видео в панель Tableau в 2013, а именно MLB интеграции команды.
Рис. 4.8 Видео в панелях инструментов
Этот новый эффект на самом деле довольно легко реализовать в Tableau. Единственная сложность – найти правильные ссылки на YouTube и использовать их в качестве поля в вашем основном источнике данных. Вот посмотрите на основные данные для этого, а именно:
Рис. 4.9 Основные данные для вставки видео в панель инструментов
Чтобы найти правильную ссылку для использования в вашем источнике данных, выполните следующие действия:
1. Найдите видео которое вы хотите вставить на YouTube.
2. Нажмите значок «Share» (Поделиться) под видео.
3. Откройте вкладку «Embed» (Вставить).
4. Скопируйте URL, который появляется между кавычками.
Рис. 4.10 Поиск URL видео из YouTube
Теперь, когда у вас есть данные, выполните следующие действия, чтобы использовать действия панели инструментов для вставки видео c YouTube в панель Tableau:
1. Добавьте объект панели «Web page» (Веб-страница), перетащив его с левой панели на свое изображение. В моем случае я использовал плавающий объект веб-страницы, чтобы сделать его в точности такими же, как на табло; создавая иллюзию, что видео отображается на экране. Когда вы добавляете объект «Веб-страница», Tableau попросит вас ввести URL страницы, которую вы хотите отобразить; оставьте это поле пустым, потому что мы будем использовать действие панели инструментов для введения инструкций.
2. Добавьте действие панели, выбрав «Dashbard» (Панель инструментов) > «Actions» (Действия)> «Add action» (Добавить действие).
3. Действие панели должно быть действием URL. Вы можете уточнить настройки, чтобы запускать действие при наведении курсора, выборе или меню; Для запуска действия я выбрал команду «Select» (Выбор) (то же самое, что щелчок).
4. Наконец, для вставки URL щелкните стрелку, которая появляется рядом с пустым полем URL. Должен отобразиться список опций, включая поле URL в ваших основных данных. Щелкните поле URL, чтобы при запуске действия запускалось видео, связанное с определенной записью.
Справа вы видите, как выглядит мое последнее действие на панели.
Теперь, если я нажму на имя на листе «Игрок», на котором есть соответствующая ссылка на видео, видео YouTube загрузится в пустой объект веб-страницы, который я добавил. Видео может быть использовано прямо в соответствии с остальной частью визуализации Tableau!
Рис. 4.11 Диалоговое окно вставки действия с URL
Панель инструментов Tableau. Действие 3. Поиск в Google или Google Image с панели инструментов.
Одна из самых эффективных реализаций моего третьего совета была показана в победной записи чемпионата Iron Viz 2015 года от Шайн Руликазара. Там в рамках визуализации пользователи могли исследовать новостные сюжеты или связанные изображения, используя ссылки, предоставленные на панели инструментов Tableau, для тысяч различных точек данных. Первый раз, когда я интегрировал функцию, которая бы выполняла поиск картинок Google с панели инструментов Tableau, была в том виде, в котором я реализовал ее для своей жены с целью документирования наших путешествий. Мы больше не в Канзасе. При нажатии на любое местоположение откроется новый браузер с поиском картинок Google для этого местоположения.
Рис. 4.12 Визуализация путешествий
Вот шаги, необходимые для создания этого пользовательского опыта:
1. Перейдите в Google Images и найдите одно из мест.
2. Запишите URL, который появляется в браузере. В результате поиска по Канзас-Сити был получен следующий URL: https://www.google.com/search?q=kansas+c-ity&source=lnms&tbm=isch&sa=X&v...
3. Вы можете сохранить всю ссылку, но все, что вам действительно нужно, это: https://www.google.com/search?q=kansas+city&tbm=isch - этот URL включает в себя запрос (Канзас-Сити) и сообщает Google, что нужно отобразить результаты во вкладке изображения (isch = поиск изображения).
4. Добавьте действие на панели инструментов, перейдя в «Dashbard» (Панель инструментов) > «Actions» (Действия) > «Add action» (Добавить действие)
5. Действие панели инструментов должно быть действием URL. Вы можете уточнить настройки, чтобы запускать действие при наведении курсора, выборе или меню; Для запуска действия я выбрал команду Select (Выбор) (то же самое, что щелчок).
6. Наконец, в поле URL вставьте URL, который вы записали в результате поиска выше. Замените часть URL для запроса, то есть текст, следующий сразу за «? Q =», полем из ваших данных. Вы можете добавить поле из своего источника данных, нажав на стрелку, которая появляется рядом с пустым полем URL. Я хотел выполнить поиск для каждого города, поэтому я использовал поле <City> (Город) из моего источника данных.
Вот как выглядит мое последнее действие на панели инструментов:
Теперь, если я нажимаю на точку на моей карте, выполняется поиск Google Image с именем этого города (из моих базовых данных) в качестве поискового запроса!
В этой главе представлено введение действия в панели инструментов Tableau, показано, как использовать каждый лист в качестве фильтра, как встроить видео в панель инструментов Tableau и как выполнить поиск Google с панелью инструментов Tableau. Все три приведенные примера действий на панели имеют общую цепочку разрешений на обнаружение, одну тактику для улучшения сохранения информации для вас и вашей аудитории.
Рис. 4.13 Диалоговое окно действия на панели инструментов
Глава 5. 3 способа использования Google с действиями панели инструментов Tableau
У Google есть ряд мощных инструментов, которые могут помочь в анализе вашего бизнеса. В дополнение к встроенному соединению Google Analytics Tableau, которое позволяет создавать настраиваемые информационные панели Tableau из данных веб-аналитики, другие службы Google можно также интегрировать с Tableau с помощью действий на панели инструментов.
В этой главе вы узнаете, как (1) выполнить поиск изображений, (2) просмотреть ваши платные поисковые объявления и (3) найти Google Trend, все из панели инструментов Tableau.
Следующие советы имеют несколько преимуществ, в том числе: эффективное добавление визуального воздействия на ваши панели, предоставление контекста для вас и ваших конечных пользователей и улучшение анализа с минимальными затратами труда.
Если вам нужен ускоренный курс по действиям на панели, ознакомьтесь с предыдущей главой, 3 способа использования действий панели инструментов Tableau. Затем вернитесь и узнайте о новых способах улучшения панелей инструментов Tableau с помощью интеграции Google!
Как добавить действие панели инструментов URL на панель инструментов Tableau.
Чтобы выполнить поиск изображений Google, просмотреть свои платные рекламные объявления Google или выполнить поиск в Google Trend, вам необходимо добавить действие URL на панель Tableau. Чтобы заложить основу этого урока, я собираюсь сделать простую панель инструментов. Во-первых, я помещу горизонтальный контейнер макета на новой панели инструментов в этом контейнере я размещу гистограмму, показывающую продажи по подкатегориям и объект веб-страницы. Обратите внимание, что, когда вы добавляете объект веб-страницы, Tableau попросит вас ввести URL, но вы должны оставить это поле пустым.
Рис. 5.1 Создание простой панели инструментов
На данный момент моя панель выглядит следующим образом. Обратите внимание, что пустое пространство с правой стороны горизонтального контейнера макета является объектом веб-страницы. Вскоре он будет заполнен поиском картинок Google, платными поисковыми объявлениями Google или Google Trends.
Рис. 5.2 Вид контейнера макета
Чтобы добавить действие URL панели инструментов, перейдите в «Dashboards» (Панель инструментов) > «Действия…» (Actions..), нажмите «Add action» (Добавить действие) и выберите «URL…».
Рис. 5.3 Добавление действия URL
3 способа объединения Google с URL действиями Tableau
При выполнении поиска изображений Google, Google поиска (который содержит платные поисковые объявления) или поиска по Google Trend, URL создается со строкой запроса. Вот как выглядит каждый соответствующий URL при поиске верхней подкатегории (телефоны) с нашей панели инструментов:
Поиск Google Image:
Google Search: https://www.google.com/search?q=phones
Google Trends: https://trends.google.com/trends/explore?q=phones
Я объединяю все три примера, потому что все они работают одинаково. В зависимости от того, какую из трех тактик вы хотите выполнить, вы будете использовать соответствующий URL, приведенный выше. Вот как выглядит действие моей панели URL-адресов, если я хочу настроить традиционный поиск в Google, чтобы увидеть, отображаются ли мои платные поисковые объявления вместе с конкурентами.
Рис. 5.4 Действие панели по отображению платных поисковых объявлений
Здесь происходит волшебство.
Вместо того, чтобы сохранять телефоны в качестве статического поиска, мы можем заменить текст поля «? Q =» на поле из нашей панели инструментов, используя правую стрелку, отображаемую рядом с URL-адресом.
Рис. 5.5 Изменение текста в поле URL
Вот как выглядит действие моей панели URL-адресов после замены «телефонов» из моего запроса измерением Подкатегории из моей панели.
Рис. 5.6 Диалоговое окно изменённого действия
Как это работает? Теперь, когда я нажимаю на любую из панелей на панели инструментов, объект веб-страницы справа будет заполнен поиском Google! Вот как выглядит панель инструментов после нажатия на вкладку «Subcategory» (Подкатегории).
Рис. 5.7 Вид визуализации при нажатии вкладки «Подкатегории»
Вот как будет выглядеть тот же вид, если я воспользуюсь URL поиска Google Image.
Рис. 5.8 Визуализация при поиске Google Image.
Наконец, вот как будет выглядеть тот же вид, если я использую URL-адрес Google Trends.
Если вам не нравится, как веб-страница выглядит на панели инструментов Tableau, выполните те же шаги из этого руководства, но не добавляйте объект веб-страницы. Если нет объекта веб-страницы для заполнения URL-адресом из действия панели инструментов URL, откроется новое окно браузера за пределами Tableau.
Рис. 5.9 Поиск по Google Trends
Глава 6. 3 способа, с помощью которых функция Describe может помочь вам использовать Tableau
Функция «Describe» (Описать) в Tableau – это та функция, на которую я наткнулся несколько лет назад, на сегодняшний день это одна из моих любимых функций. Если вы слышали об этой функции, вы, скорее всего, использовали ее для описания отдельного измерения, меры, набора или параметра. Щелкнув правой кнопкой мыши по полю и выбрав «Describe…» (Описать), вы получите такую информацию как тип данных и из какой таблицы они взяты, но есть несколько других способов использования функции Describe в Tableau, чтобы помочь вам ускорить ваше обучение и анализ.
Эта глава покажет вам (1) как извлечь максимальную пользу из вышеупомянутого использования, (2) метод обратного инжиниринга чужих (или ваших) рабочих таблиц Tableau и (3) способ просмотра базовых формул и допустимых параметров.
Эти советы имеют ряд преимуществ, в том числе экономят время обработки ваших запросов VizQL, ускоряют процесс обучения или напоминают о ваших предыдущих подходах, а также повышают эффективность написания вычисляемых полей.
В этой главе будет использоваться панель инструментов Super Sample Superstore, чтобы показать вам три различных применения функции описания в Tableau.
Использование функции «Describe…» (Описать) для экономии времени обработки
Как упоминалось во введении, если вы знакомы с этой функцией, вы, вероятно, щелкнули правой кнопкой мыши на отдельном поле и выбрали «Describe…» (Описать), чтобы узнать больше о свойствах поля.
Вот что показано при выполнении этой операции для параметра «Segment» (Сегмент) в наборе данных «Superstore».
Рис. 6.1 Окно описания сегмента
Моя любимая часть описания с использованием параметра состоит в том, что если вы нажмете кнопку «Load» (Загрузить), изображенную в левом нижнем углу окна, то Tableau предоставит предварительный просмотр первых 20 элементов измерения. Прежде чем я узнал об этой функции, я перетаскивал поле в визуализацию, чтобы понять, какие элементы измерения были в неи.
К сожалению, это означало, что Tableau запрашивал источник данных, чтобы визуализировать ответ, а это могло занять довольно много времени, в зависимости от размера моего набора данных. Функция описания намного более эффективна и дает мне представление о том, какие элементы измерения находятся в поле, без необходимости создания нового представления/ожидания обработки.
Вот как выглядит информация поля описания при загрузке элементов измерения для сегмента.
Рис. 6.2 Окно описания поля при загрузке элементов измерения для сегмента.
Метод обратного инжиниринга
Иногда мне кажется, что раньше я был умнее. Я не знаю, смеяться или плакать, когда я выполняю поиск в Google, только чтобы ответить на свой собственный вопрос старой записи в блоге, который я когда-то написал. В других случаях я возвращаюсь к старым учебникам, чтобы напомнить себе, как я выполнял определенную операцию. Я также большой сторонник Tableau Public и всегда поощряю людей загружать панели, которые им нравятся, чтобы «заглянуть под капот» и посмотреть, как они были созданы.
Независимо от того, занимаетесь ли вы обратным инжинирингом своей или чужой работы, этот следующий совет будет полезным. Даже если вы слышали об описании полей, вы можете не знать, что можете описать целые листы.
Вот как выглядит описание листа, доступ к которому можно получить, щелкнув на «Worksheet» (Рабочий лист) в верхней панели навигации и выбрав «Describe sheet …» (Описать лист)”.
Рис. 6.3 Окно описания листа
Функция позволяет отобразить так много информации, что на скриншоте у меня не хватает места. В дополнение к представленной информации вы также можете увидеть все параметры рабочего листа, а также их текущие значения и даже информацию об источнике данных, используемом для создания рабочего листа.
Большую часть этой информации можно увидеть, посмотрев на расположение меток в графе Строк, графе Колонок, графе Фильтров и Картах Меток – но не на всех. Например, теперь вы можете видеть, сложены ли метки, и в этом примере просматривать базовый расчет для поля «Date Equalizer with granularity» (Эквалайзер дат с гранулярностью).
Секция «Describe sheet» (Описать лист) не только предоставляет краткую общую картину того, что происходит на листе, вы также можете использовать кнопку «Copy» (Копировать), изображенную в левом нижнем углу предыдущего изображения, чтобы скопировать и вставить текст в блокнот или документ Word. Затем вы можете использовать код для воссоздания формул, с которыми вы, возможно, не знакомы.
Рис. 6.4 Описание Листа
Вычисляемое поле
Говоря о написании вычисляемых полей, у функции «Describe» (Описать) также есть «приложение (ссылка)» - посмотрите, что я делал? Допустим, что вместо получения формулы для вычисляемого поля «Date Equalizer with granularity» (Эквалайзер дат с гранулярностью) или просто для более детального просмотра мы щелкнули правой кнопкой мыши по полю и выбрали «Edit…» (Редактировать). Откроется диалоговое окно вычисляемого поля, которое выглядит следующим образом:
Рис. 6.5 Диалоговое окно вычисляемого поля
Если щелкнуть по любому объекту синего, фиолетового или оранжевого цвета, вы получите дополнительную информацию в поле «fly-out» (вылет) справа. Вот что происходит, когда я нажимаю «DATETRUNC»:
Рис. 6.6 Диалоговое окно «Date Equalizer with granularity» (Эквалайзер дат с гранулярностью)
При щелчке по фиолетовому цвету (параметры) или оранжевому (поля) вы увидите опцию их описания. Для параметров, мне нравится использовать эту кнопку описания, чтобы увидеть все допустимые значения, которые в этом случае помогли мне написать логику CASE.
Рис. 6.7 Описание поля или параметра
Для копирования и вставки базового кода вычисляемых полей я предпочитаю использовать кнопку Describe. Хотя вы можете посмотреть основной код справа, просто щелкнув по оранжевому вычисляемому полю, с помощью кнопки описания открывается дополнительная информация, включая текст, который можно скопировать.
Рис. 6.8 Копирование и вставка кода вычисляемых полей
В обоих этих случаях я могу создать новые вычисляемые поля гораздо быстрее, потому что мне не нужно закрывать окно вычисляемого поля, в котором я работаю, чтобы заново открыть параметр, чтобы увидеть его допустимые значения, или заново открыть другое вычисляемое поле, воспользовавшись уже созданным кодом!
Глава 7. 3 способа добавить оповещения в ваши панели инструментов
Одним из самых больших преимуществ использования такого инструмента, как Tableau, является то, что программное обеспечение может сделать большую часть «тяжелой работы» за вас. Например, вы можете встроить логику, чтобы улучшить удобство использования своих панелей инструментов, и с этого момента она будет работать для вас или ваших конечных пользователей. Одним из применений такого подхода является добавление оповещений в ваши панели инструментов, которые помогают передавать уведомления или идеи.
Вы можете использовать оповещения для уведомления пользователей или чтобы напомнить о том, что определенный фильтр включен. Возможно, у вас есть определенные пороги производительности, которые приемлемы для вашего бизнеса, но вы хотите как-то получать оповещения, если производительность будет выше или ниже ожидаемой. Добавление оповещений в панели инструментов помогает сократить время на понимание и выявление действий, которые помогают вашему бизнесу – основная цель аналитики. В этой главе будут рассмотрены три различных примера установки оповещений.
Оповещение 1 – Настройки даты
Первый тип оповещений, который я часто использую в своих собственных панелях инструментов, сообщает, какие даты отображаются, и, если я использую линейный график, насколько точно объединяются даты (ежедневно, еженедельно, ежемесячно и т. д.). Это оповещение служит двум ключевым целям: (1) оно четко сообщает, насколько актуальными являются данные, и (2) помогает избежать путаницы в случае, если данные не обновлены или представление выглядит не так, как ожидалось в результате объединения. Вот пример использования набора данных «Sample – Superstore»:
Рис. 7.1 Пример использования набора данных «Sample – Superstore»
Для создания такого оповещения, просто запустите новый лист и создайте текстовое представление, добавив информацию, которую вы хотите включить в оповещение, в карточку с текстовыми метками. В этом случае я добавил MAX (Дата заказа), MIN (Дата заказа) и параметр «Data Aggregation» (Объединение даты). Чтобы добавить две минимальные и максимальные даты, я щелкнул правой кнопкой мыши и перетащил измерение «Data order» (Дата заказа) на карточку с текстовыми метками, что позволило мне выбрать поле даты, которое я хотел отобразить.
Как только вы определили информацию, которую хотите просмотреть, вы можете нажать на карточку с текстовыми метками, чтобы отформатировать текст и написанную логику, так, как вы хотите. На этом этапе ваш текстовый лист должен выглядеть следующим образом:
Рис. 7.2 Вид текстового листа
Теперь, убедитесь, что к этому текстовому листу применен фильтр «Order data» (Дата заказа) на линейном графике. Таким образом, когда конечный пользователь поменяет диапазон дат, минимальная и максимальная даты изменяются в соответствии с настройками фильтра.
Для получения дополнительной информации см. Как изменить объединение дат в Tableau с использованием параметров.
Оповещение 2 – Динамические метки
Разве не замечательно было бы, если бы маркировки появлялись только тогда, когда происходит что-то важное? Сделать такое в Tableau действительно просто. Хитрость заключается в том, чтобы построить логику так, чтобы «очень важное» находилось в вычисляемом поле, а затем использовать это вычисляемое поле в качестве метки. Используя тот же пример продаж с течением времени, приведенный выше, рассмотрим динамические метки в действии:
Рис. 7.3 Отображение меток «Очень важно»
Обратите внимание, что я поместил вычисляемое поле с именем «Dynamic Label Alert» (Метка динамического оповещения) на карточку с метками. Вот основная логика для этого вычисляемого поля:
Рис. 7.4 Диалоговое окно установки «Метки динамического оповещения»
Это простой пример, но вы можете прописать логику в вычисляемом поле, чтобы система предупреждала вас тогда, когда произойдет что-то важное (для вас). Возможно, вы захотите знать, что ваша цель достигнута или, какие-либо из ваших меток вышли за пределы одного или двух стандартных отклонений от среднего.
Оповещение 3 – Панель инструментов тепловой картой с дополнительной электронной почтой Tableau Server
В третьем примере оповещения на панели инструментов мы снова используем вычисляемые поля. Только на этот раз вместо добавления нашей логики интереса к карте меток мы добавим ее в карту меток цветов – создав тепловую карту, которая сразу же привлечет внимание к лучшим и худшим сегментам.
Давайте представим, что руководитель C-Level запросил панель инструментов, показывающую продажи по регионам и подкатегориям продуктов. Обычно они получают эту информацию в виде электронной таблицы, но Tableau позволяет нам повысить ценность представления данных, незамедлительно раскрывая самую необходимую информацию. Мы решили добавить ценность к существующей кросс-таблице, добавив через необработанные цифры предупреждение для исполнительного директора о том, когда продажи для определенного сегмента составят около 40% прошлогодних продаж или ниже 160% прошлогодних продаж.
Эта логика выглядит примерно так:
IF [YoY Sales Index] <= 40 THEN “Bad Alert”
ELSEIF [YoY Sales Index] >= 160 THEN “Good Alert”
ELSE “No Attn Needed”
END
После создания вычисленного поля, вы можете добавить его на Color Marks Card (Карту цветовых меток) и изменить тип метки на Circle (Круг), создав вид, изображенный на рисунке.
На панель инструментов высокого уровня, подобную этой, можно подписаться на сервере Tableau или в Tableau Online, где каждое утро или неделю вы можете просматривать самые последние обзоры в папке «Входящие». Отсюда можно самостоятельно решать на основе оповещений, нужно ли перейти на более надежную интерактивную панель инструментов с сервера Tableau или Tableau Online для дальнейшего анализа.
Обратите внимание, что панель инструментов этого типа можно настроить на любое сравнение, например, по производительности в сравнении с целевым значением, конкурентом или диапазоном дат. Если вы сравниваете относительные даты год за годом (например, «последняя неделя»), используйте номер недели или уравненную дату, чтобы обеспечить наличие данных за оба года.
В этой главе рассказывалось лишь о трех способах добавления оповещений в панели инструментов, но возможности практически безграничны.
Поэкспериментируйте с элементами этих трех подходов, чтобы разработать такие оповещения, которые лучше всего подходят для вашего бизнеса и заинтересованных сторон.
Рис. 7.5 Вид визуализации после создания вычислительного поля с цветовыми метками типа круг
Глава 8. 3 способа использования символов альт-кода для улучшения ваших панелей инструментов
ASCII, или американский стандартный код для обмена информацией – это стандарт, когда речь идет о компьютерах, преобразующих числа в читаемый текст. В дополнение ко всем текстовым символам ASCII также были введены альт-коды для охвата всех символов, недоступных для аппаратного обеспечения компьютера. Хотя основная цель этих альт-символов состояла в том, чтобы предоставлять символы, для которых требуются знаки ударения, и символы иностранного языка с различными стилями, на вашем компьютере есть и много других символов, если вы удерживаете клавишу «Alt» при вводе числового кода.
Поскольку эти коды существуют, есть несколько символов, которые можно использовать для улучшения визуализации данных.
Эта глава покажет вам, как динамически отобразить увеличение и уменьшение с помощью символов ▲ и ▼, как форматировать с помощью символов ★ и •, и как создать всплывающую подсказку в визуализации с помощью альт-кода.
Альт-код 1: Динамическое форматирование чисел с треугольниками, чтобы показать изменения производительности
В своем посте «Как динамически форматировать числа в Tableau» я проиллюстрирую, как обеспечить динамический формат числа, независимо от того, является ли число положительным или отрицательным, независимо от типа данных и даже имеет ли число префикс и/или суффикс. Хотя это мой любимый подход при работе с двумя и более сценариями, если я пытаюсь проиллюстрировать только положительные или отрицательные изменения, мне нравится форматировать числа с помощью треугольника вверх (▲) или вниз (▼).
Для использования любого из альт-кодов в этой главе:
1. Убедитесь, что клавиша «Num Lock» включена
2. Удерживайте клавишу «Alt» при вводе числового кода для отображения символа
3. Отпустите клавишу
Альт-код для треугольника, направленного вверх – «30», а альт-код для треугольника, направленного вниз – «31». Если вы работаете на ноутбуке и не имеете доступа к клавише «Num Lock», вы можете просто скопировать и вставить символы из этой главы.
Чтобы показать вам, как это применяется на практике, мы воссоздадим один из индикаторов треугольников с панели SuperSample Superstore.
Рис. 8.1 Применение индикатора треугольник на практике
На панели инструментов положительные изменения показаны с помощью треугольника вверх, а отрицательные – с помощью треугольника вниз. Это простой способ использовать психологические схемы (мы обсудим их в следующей главе) для эффективного обмена информацией.
Этого можно достигнуть с помощью пользовательского форматирования меры в Tableau Desktop. Вот как выглядит моя выписка по продажам из предыдущего скриншота «изнутри».
Рис. 8.2 Реализация выписки по продажам из предыдущего скриншота «изнутри».
Обратите внимание, что весь этот вид создается только двумя показателями: «CP Sales» и «Sales Difference». Показатель — Sales Difference – это форматируемый через треугольники вверх и вниз показатель. Чтобы получить такой результат, щелкните правой кнопкой мыши на мере, которую вы хотите отформатировать, и выберите «Format…» (Форматировать).
Рис. 8.3 Форматирование меры
После нажатия, слева появится новая панель форматирования. Выберите «Numbers» (Числа), затем «Custom» (Пользователь). Здесь вы можете скопировать и вставить треугольники вверх и вниз, разделяя их точкой с запятой «;». Независимо от того, какой символ вы поместите перед точкой с запятой, он появится, когда значение будет положительным; любой символ, который вы ставите после точки с запятой, будет отображаться при отрицательном значении.
Рис. 8.4 Редактирование меток с помощью точки с запятой
Для простоты этой иллюстрации, и чтобы обеспечить гибкость я люблю создавать отдельные элементы, которые можно комбинировать в больших вычислениях. При этом, я мог бы также просто отформатировать показатель «CP Sales» с помощью «▲ $ #, #; ▼ $ #, #”, чтобы получить тот же эффект только с одним полем. Одним из недостатков последнего подхода является то, что размеры будут одинаковыми для всего поля (т.е. я не могу получить меньшие треугольники с большими числами).
Наконец, вы можете добавить третий формат, введя вторую точку с запятой и затем формат. Например, иногда я использую третий формат для отображения, когда что-то неприменимо или доступно для отображения в виде числа.
Пользовательский формат будет выглядеть примерно так: «▲ $ #, #; ▼ $ #, #; -». Этот пользовательский формат будет отображать треугольник со знаком доллара, когда произошла положительная смена доллара; нисходящий треугольник со знаком доллара при отрицательном изменении курса доллара и тире, когда изменений не было или расчет не может быть выполнен.
Рис. 8.5 Добавление большего количества меток
Альт-код 2: форматирование визуализаций с помощью символов звездочки и точки (•)
Символы альт-кода также можно использовать для того, чтобы улучшить форматирование и добавить уникальный стиль в ваши панели инструментов. Одним из самых распространенных символов, которые я использую, является точка (•) или альт-код «7». Этот символ можно использовать в упорядоченных списках, но он также применяется в качестве альтернативного подхода к цветным надписям. Я предпочитаю этот кружок цветным надписям по умолчанию в Tableau, особенно при использовании метки типа «круг», как при работе с точечной диаграммой.
Вот пример из моей визуализации: 2½ минуты до полуночи.
Рис. 8.6 Пример из моей визуализации: 2½ минуты до полуночи
В другом примере я сделал еще один шаг, интегрировав символ звезды (★) или альт-код 9733. В футболе принято ставить звезду над эмблемой команды за каждый чемпионат, который они выиграли. Таким образом, в моей визуализации, в Футбольном матче Высшей лиги 2017 года, есть поле основных данных по выигранным чемпионатам. Вместо отображения количества чемпионатов, я ставлю один символ звезды для одного чемпионата, два символа звезды для двух чемпионатов и так далее. Таким образом, когда выбрана команда, которая выиграла хотя бы один чемпионат, звезды, представляющие их чемпионат(ы), появляются на панели инструментов.
Рис. 8.7 Визуализация Футбольные матчи Высшей лиги 2017 года,
Этого же эффекта можно было бы достичь с помощью вычисляемого поля, которое сообщает Tableau количество звезд для отображения в зависимости от количества выигранных чемпионатов. Формула будет выглядеть примерно так:
IF [Championships Won] = 1 THEN “★”
ELSEIF [Championships Won] = 2 THEN “★★”
ELSEIF [Championships Won] = 3 THEN “★★★”
ELSEIF [Championships Won] = 4 THEN “★★★★”
ELSEIF [Championships Won] = 5 THEN “★★★★★”
END
“Картинка вместо тысячи слов», и эти символы альт-кода – это способ упаковать большое количество информации в один символ. Для поклонников Канзас-Сити, присутствующих на самой вялой игре в истории MLS, чемпионате, который прошел в серии пенальти из 10 раундов (самый длинный в истории MLS), эта звезда говорит им о многом.
Это всего лишь два способа использования альт-кодов для форматирования визуализации, но есть целый сайт, посвященный различным опциям.
Альт код 3: Как создать визуализацию с гистограммой в подсказке с квадратами или прямоугольниками
<обновление> Tableau 10.5 с «Viz in tooltip» (Визуализация в подсказке) было выпущено в январе 2018 года, так что этот совет окончательно устарел! Чтобы узнать больше об этой новой функциональности и увидеть приложение, прочтите Как добавить изображение в подсказку в Tableau. </Обновление>
В то время как мы с нетерпением ждем функцию «Viz in tooltip» (Визуализация в подсказке), над которой в настоящее время работает Tableau, я попытаюсь поделиться альтернативными способами повысить ценность подсказок. То есть во всплывающей подсказке вы можете отобразить вторичную визуализацию данных при наведении курсора на точку данных в первичной визуализации данных.
Хотите верьте, хотите нет, Энди Котгрив (евангелист из Tableau и герой визуализации) разработал творческий способ сделать это почти семь лет назад. Серьезно… загрузите книгу в его пост, она это реализовано в версии 6!
Подсказка включает объединение параметра со строкой кодовых квадратов Alt (Alt + 9632) или прямоугольников (Alt + 219) с вычисляемыми полями, которые определяют, сколько символов отображать. Поскольку у Энди было семь лет, чтобы оптимизировать свой подход, мне сейчас нечего добавить, я собираюсь просто показать вам путь к этому уроку.
Два более свежих постов о добавлении ценности к подсказкам см. Раздел:
– Как сделать динамические всплывающие подсказки в Tableau
- Как добавить размер к всплывающей подсказке в Tableau
Глава 9. 3 способа улучшения визуализации ваших данных с помощью психологических схем
Знаете ли вы об этом, или нет, но в повседневной жизни, вы постоянно узнаете и обрабатываете шаблоны. Подумайте о ситуации, когда вы запланировали сходить поужинать в ресторан, в котором никогда раньше не были. Даже если вы в ресторане впервые, у вас есть некоторые ожидания относительно порядка событий, который обычно выглядит следующим образом:
– Вы входите и здороваетесь с хозяином или хозяйкой, которая проводит вас к столу.
- Приходит официант, чтобы представиться и принимает заказ на напиток.
- После возвращения с напитками официант принимает заказ на ужин.
- Во время еды официант может время от времени подходить к вам, чтобы убедиться, что у вас все в порядке, и долить напитки.
- После еды официант подшучивает над тем, что вам стоило бы «оставить место для десерта»
- После отказа они либо достают ваш счет из кармана, либо идут к регистратору за ним.
- Вы оплачиваете счет и уходите
Это один из многих примеров психологической схемы в вашей повседневной жизни (не путайте его со схемой базы данных). Эти модели помогают обществу выровнять различные аудитории и помогают нам эффективно обрабатывать различные ситуации. Эти схемы настолько мощные и укоренившиеся, что их нарушение может стать запутанным и сложным. В качестве примера, представьте, что вы приходите в ресторан и официант приносит вам счет, прежде чем вы сядете.
Шаблон ресторана представлен в интуитивно понятном порядке, поэтому вряд ли он сильно изменится, но вы создаете и индивидуальные схемы, основываясь на своём собственном жизненном опыте и мировоззрении. Эти ожидания помогут вам не «изобретать велосипед», потому что вы уже сталкивались с такой или похожей ситуацией и знаете, как с этим справиться.
Схемы играют важную роль в визуализации данных, поскольку они способны создавать или разрушать два главных преимущества визуализации данных: сокращение времени на понимание и повышение точности анализа. Воспользуйтесь схемами вашей аудитории, и вы улучшите их опыт; нарушьте эти схемы, и вы рискуете повести свою аудиторию в неправильном направлении.
В этой главе рассказывается о трех способах использования схем для улучшения визуализации данных.
Схема 1: Пространственный контекст
Карты помогают нам обрабатывать данные, потому что в дополнение к точке данных они предоставляют пространственный контекст, который помогает нашему анализу. Рассмотрим следующую гистограмму, показывающую наименьшую стоимость за секцию для посещения Супербоул 50:
Рис. 9.1 Гистограмма стоимости секции на участие в Супербоул 50
Это удачная визуализация данных соответствующая лучшим практикам, и в ней есть определенные идеи. Тем не менее, добавление пространственного контекста помогает анализу приобрести смысл, даже если вы не знакомы со структурой стадион:
Я могу использовать схему, которую построил, исходя из своего опыта покупки билетов на спортивные мероприятия, чтобы понять, что чем ниже и ближе к полузащите, тем более дорогим будет билет. Это поможет сократить время на понимание, потому что мне гораздо быстрее определить интуитивно, имеют ли числа на гистограмме смысл для меня, или в моей схеме есть нарушения, что в этом случае также приведет к пониманию (то есть, если Билеты на нижнюю секцию продаются дешевле, чем на верхнюю). В зависимости от того, какую историю вы пытаетесь рассказать, может иметь смысл отображать такую карту в дополнение или даже вместо гистограммы. Для моей визуализации Стоимость посещения Суперкубка 50 я решил показать карту стадиона и линейный график.
Рис. 9.2 Карта стадиона для реализации визуализации
Схема 2: Иконки/Фигуры/Символы
Картина вместо тысячи слов. Вторая схема, которая может улучшить вашу визуализацию данных – это использование значков, фигур и/или символов. Есть тонкая грань между графикой, которая улучшает визуализацию данных и графическим мусором. Когда все сделано со вкусом, графика может предоставить гораздо больше информации, чем слова.
На базовом уровне подумайте, сколько значения добавляет знак «+» или «-», когда ему предшествует число на панели инструментов. Когда он используется для отображения положительных или отрицательных изменений в KPI, всего один символ уменьшает время на понимание и увеличивает точность понимания. Стрелки или треугольники, направленные вверх или вниз, работают точно так же.
Это – простой пример, но большинство графиков работают именно таким образом, потому что существует предвзятое представление о том, что они означают. Посмотрите на навигацию, которую я использовал в своей визуализации, «Шансы стать профессионалом в спорте» (на фото справа).
Я использовал иконки вместо слов, чтобы отобразить различные виды спорта. На мой взгляд, это делает визуализацию более привлекательной, но значки также дают преимущество уменьшения размера, а часто и устранение языковых барьеров.
Рис. 9.3 Навигация визуализации «Шансы стать профессионалом в спорте»
В другом примере я использовал карту многоугольника футболиста, чтобы проиллюстрировать, какие части тела вызывают наибольшее количество столкновений в NFL:
Я мог бы просто сделать гистограмму по источнику столкновений, что было бы неплохо показать это, накладывая тепловую карту на форму игрока. Так зритель может подключиться к существующим схемам, чтобы обработать вид и обнаружить идеи.
Рис. 9.4 Карта полигонов футболиста
Схема 3: Цвет
К счастью или несчастью, я считаю, что зеленый ассоциируется с хорошим, а красный – с плохим. Я не совсем уверен, где родилась эта предвзятость, но, похоже, она устоялась. Это схема. Вам не нужно учить свою аудиторию тому, что означает красный и зеленый; они знают (или думают, что знают, так что будьте осторожны!).
Я не рекомендую такое сочетание цветов как по научным (дальтонизм), так и по личным причинам (я считаю что это не красиво), но это пример схемы, которую вы можете использовать, чтобы помочь вашей аудитории понять ваши представления данных.
Знание существующих ассоциаций вашей аудитории может помочь вам сократить время на изучение и повысить точность своих представлений. Это работает в обоих направлениях, поэтому будьте осторожны, чтобы не нарушить их схемы. Если вы визуализируете фрукты, не окрашивайте апельсины фиолетовым, а виноград оранжевым.
Если вы используете цвет за пределами обычной цветовой палитры – зеленый/красный или синий/оранжевый, будьте последовательны, чтобы ваша аудитория научилась понимать ваше использование цвета.
Продуманное использование этих трех схем может в значительной степени способствовать максимизации двух самых больших преимуществ визуализации данных: сокращение времени на понимание и повышение точности анализа. По крайней мере, имейте в виду, что у вашей аудитории есть свои предубеждения, и их нарушение может усложнить поиск ценности в вашей визуализации данных.
Глава 10. 3 способа сделать графики полезнее круговых диаграмм
Несмотря на то, что это один из наименее эффективных способов передачи данных, я часто вижу круговые диаграммы Tableau на корпоративных панелях и в визуализациях Tableau Public. Новые пользователи, вероятно, рассматривают круговые диаграммы как простой способ усовершенствования своих панелей инструментов, но они оказывают себе плохую услугу, потому что круговые диаграммы увеличивают время на понимание и снижают точность анализа – противоположность того, чего мы пытаемся достичь с помощью визуализации данных. Ранее я говорил о том, почему не следует использовать круговые диаграммы, поэтому эта глава будет о другом.
Когда я делюсь недостатками круговых диаграмм, меня обычно спрашивают: «... но если я не могу использовать круговые диаграммы, то как мне показать части целых отношений?» Несмотря на ограничения круговых диаграмм – особенно тот факт, что мы можем обрабатывать столбцы эффективнее, чем сектора круговой диаграммы – это все еще один из самых распространенных вопросов, которые мне задают во время моих тренингов по Tableau. Это вдохновило меня на документирование некоторых лучших альтернатив использованию круговых диаграмм в Tableau.
Почему Tableau предлагает круговые диаграммы в первую очередь?
Вам может быть интересно, если круговые диаграммы настолько плохи, почему Tableau позволяет строить их с Show Me или путем изменения типа метки на «круговая диаграмма»?
Когда круговые диаграммы были впервые представлены в Tableau, они предназначались для использования в качестве вторичного типа меток на заполненной карте. Возможно, вы видели пример из Tableau, где продажи показаны по категориям и по штатам США, через круговую диаграмму для каждого штата.
В этом примере цвета на заполненной карте представляют общие продажи в каждом штате, а круговая диаграмма используется для отображения общего объема продаж в каждом штате. В этом сценарии круговые диаграммы используются в качестве вторичного типа метки – единственный способ выполнить эту визуализацию.
Намерения у Tableau были хорошими, они выпустил джина из бутылки, введя этот тип отметки. На самом деле я никогда не видел такого предполагаемого использования на реальной панели, вместо этого пользователи применили круговые диаграммы несколькими способами, которые находятся за пределами лучших практик. Даже в этом примере, вы в основном видите около 48 знаков, потому что разграничить эти три категории практически невозможно. В этой главе я поделюсь несколькими альтернативами использования круговых диаграмм, развивая рекомендуемый подход к визуализации частей целых отношений.
Рис. 10.1 Использование круговых диаграмм как вторичных меток
Альтернатива круговой диаграммы Tableau: Гистограмма
У меня есть два правила на тот случай, если вам необходимо использовать круговые диаграммы в своих таблицах Tableau. Первое заключается в использовании пяти или менее секторов, включая «Другое». Сектор «Другое» действует как ловушка для остальных секторов за пределами первой четверки. Более того, круговые диаграммы никогда не должны использоваться при анализе временных рядов. Поэтому моя первая альтернатива круговой диаграммы – просто использовать гистограмму, которая является отличным выбором для сравнения категориальных значений в определенный момент времени.
Что вы теряете в этом подходе по сравнению с картой, приведенной выше, так это быстрое сравнение состояниями. Тем не менее, вы можете использовать действия панели инструментов Tableau для достижения чего-то похожего, обновляя гистограмму при нажатии или наведении на состояния.
Еще одна причина, по которой мне нравится этот подход, заключается в том, что вы получаете фиксацию фактических цифр продаж и/или процента от общей суммы, которую вносит каждая категория.
Рис. 10.2 Использование гистограммы как альтернативы круговой диаграмме
Две альтернативы круговым диаграммам Tableau: столбцы или области с накоплением
Еще одной заменой круговой диаграммы в Tableau будет использование гистограммы с накоплением. Хотя этот вариант немного лучше, чем круговая диаграмма, мне он не очень нравится, потому что сложно сравнивать тенденции в представлении, если внизу не находится столбчатая диаграмма. С положительной стороны, составная полоса добавляет некоторую ценность, так как проще обрабатывать категорию снизу, проще обрабатывать значение целого, и у вас есть дополнительное пространство для добавления контекста по сравнению с круговой диаграммой.
В Tableau легко преобразовать гистограмму в столбчатую диаграмму, просто удалив измерение, создающее каждый столбец, с графы строк или столбцов. В столбце с накоплением вершина самого высокого столбца представляет итог, а каждый цвет ниже представляет вклад в этот итог. .
Рис. 10. 3 Гистограмма: до Гистограмма: после (с накоплением)
Независимо от того, используете ли вы гистограмму или гистограмму с накоплением, значения показаны для одного момента времени. Для меня эти типы диаграмм не представляют большой ценности, потому что они очень быстро устаревают на корпоративной панели инструментов. Другими словами, столбцы, вероятно, не будут заметно меняться от недели к неделе или от месяца к месяцу. Вы всегда рассматриваете один момент времени и теряете сравнение с предыдущими временными рамками.
Если вы собираетесь использовать столбцы с накоплением, я предлагаю вам использовать их, чтобы показать, как распределение изменяется с течением времени (то есть иметь один столбец с накоплением за каждый период времени). Чтобы продвинуться дальше, вы можете добавить быстрое вычисление таблицы к своему показателю под названием «Percent of total» (Процент от общего количества). Затем измените направление расчета таблицы на «Table down» (Таблица (вниз)) вместо «default Table (across)» (Таблица по умолчанию (в ширину)), снова щелкнув кнопку меры, наведя курсор мыши на «Compute using» (Вычислить с помощью) и выбрав «Table down» (Таблица (вниз)).
Для этого начните с добавления в показатель расчета таблицы «Percent of total» (Процент от общего количества), щелкнув правой кнопкой мыши на мере в представлении (или щелкнув стрелку вниз на таблетке меры), наведя курсор мыши на «Quick Table calculation» (Быстрый расчет таблицы) и выбрав «Percent of total» (Процент от общего количества). Затем измените направление расчета таблицы на Таблицу (вниз) вместо «default Table (across)» (Таблица по умолчанию (в ширину)), снова щелкнув кнопку меры, наведя курсор мыши на «Compute using» (Вычислить с помощью) и выбрав «Таблица (вниз)»..
Этот расчет таблицы сделает высоту каждого столбца 100%, тогда каждый цвет представляет долю этих 100%. Для более связного вида измените тип метки со Bar (Столбец) на Area (Область), чтобы получить результат, подобный изображенному справа.
Рис. 10.4 Гистограмма с типом метки Область
Третья альтернатива круговой диаграммы Tableau: Мой рекомендуемый подход
Я уже упоминал, что мы будем придерживаться рекомендованного мноюподхода, и, хотя альтернативы, представленные в этом пункте, более эффективны, чем круговые диаграммы, у них есть свои ограничения. Сложенные области, как те, что показанные в предыдущем примере, могут оказаться сложными для расшифровки, потому что, если сектор не находиться внизу, трудно точно прочитать тенденцию каждого отдельного среза.
Первое, что я рекомендую для оптимальных частей всей визуализации, это изменить тип метки с области на линию:
Теперь легче увидеть тенденции каждой отдельной категории. В этом примере из набора данных Sample – Superstore линии следуют аналогичной тенденции, так что есть некоторое перекрытие. При нажатии на цветовую легенду, выделяется каждая категория, чтобы помочь проиллюстрировать каждую отдельную тенденцию.
Теперь мы можем увидеть вклад продаж в процентах от каждой категории в общий объем продаж с течением времени. При таком подходе мы теряем часть контекста: растет или уменьшается общая сумма продаж. Последнее, что я рекомендую – это поместить показатель продаж на противоположную ось, что создает двухосный линейный график. По умолчанию в таблице отображается общий объем продаж по категориям. В этом случае мы заботимся только о том, как изменяется общая сумма продаж с течением времени, поэтому удалите категорию с карты цветовых меток в графе Summ(Sales) (СУММА(продажи)).
Рис. 10.5 Изменение типа метки с Область – на Линия
У вас остается четыре линии вместо трех, что вызывает еще большее совпадение. Общий объем продаж – это вторичное понимание, поэтому я предлагаю сменить тип марки на область и убрать ее. Для этого перейдите в графу меток для Summ(Sales) (СУММА(Продажа)) (без измерения «Category» (Категория) на Color maps card (Карте меток цветов)), измените тип метки на «Area» (Область) и измените непрозрачность, нажав на Color maps card (Карте меток цветов). Наконец, вы можете добавить общий объем продаж в картку «Tooltip marks» (Всплывающие подсказки) в графе «Percent of total Sales» (Процент от общего объема продаж), чтобы при наведении указателя мыши на каждую точку данных отображался как процент от общего, так и общий объем продаж. Готовая визуализации будет выглядеть как на изображении справа.
В обзоре, в этой главе мы развили нашу визуализацию отношения частей к целому от статической круговой диаграммы до двухосной комбинированной диаграммы, показывающей, как распределение изменяется со временем в один момент. Мы сделали все это, не теряя контекста того, как изменяется наша общая сумма.
Такая альтернатива круговым диаграммам в Tableau поможет сократить время на анализ, а также сделает анализ более точным и действенным.
Рис. 10.6 Конечный вид визуализации – Двухосная комбинированная диаграмма
Глава 11. 3 способа принятия решений по визуализации данных
Согласно словарю Google, миссия формулируется как «формальное резюме целей и ценностей компании, организации или отдельного лица». Некоторые из заявленных миссий довольно широки и оставляют много возможностей для инноваций при отслеживании первоначальной цели бизнеса. Рассмотрим позицию Microsoft: «Наша миссия состоит в том, чтобы дать возможность каждому человеку и каждой организации на планете достичь большего». Другие фокусируются на конкретном продукте, таком как «Честный чай», «для создания и продвижения вкусных, полезных для здоровья органических напитков».
Для меня отличная формулировка миссии коротка, она включает в себя основные ценности и дает некоторое направление. Самым важным аспектом формулировки миссии является то, что она напоминает заинтересованным сторонам о поставленной цели. Идея состоит в том, что эти короткие заявления могут масштабироваться, чтобы заставить всех двигаться в одном направлении.
Вероятно, вы хотя бы раз в жизни слышали о миссиях, или о нескольких известных примерах, но рассматривали ли вы их в контексте визуализации данных? В этой главе я расскажу о своей миссии по визуализации данных и о том, как она помогает мне закрепить некоторые из моих мнений, в том числе о том, почему я считаю, что визуализация данных превосходит электронные таблицы, и почему я не использую круговые диаграммы.
Мое утверждение о миссии по визуализации данных
Когда я основал свою компанию, то много думал о формулировке своей миссии и в итоге сказал: «Быть лучшим партнерским ресурсом в преобразовании данных в ценную информацию». Будь то тренинг, разработка панели инструментов или аналитика, эти десять слов помогают мне решить, с какими проектами сотрудничать. Если у меня нет способностей или умения быть лучшим, я не буду пытаться получить проект. Если проект не связан с превращением необработанных данных в ценность, я не пытаюсь получить его. У меня нет проблем с тем, чтобы сообщить это потенциальному партнеру, потому что я не хочу, чтобы он тратил деньги, а я тратил время.
Эта миссия помогла мне найти партнера, но у меня также есть ряд принципов, которым я следую, как только начинаю работать над проектом по визуализации данных. Хотя это несколько отличается от традиционного заявления о миссии, я считаю, что оно соответствует определению представленному выше. Моя миссия по визуализации данных:
1. Сократить время, необходимое на понимание данных
2. Повысить точность понимания
3. Улучшить взаимодействие
Эти три принципа кажутся знакомыми потому, что я также называю их преимуществами визуализации данных. Если я когда-нибудь буду делать выбор, пока я создаю визуализацию данных, я спрошу, удовлетворят ли мои изменения все эти три принципа. Если это не сработает ни с одним из них, я просто не буду этого делать.
Мой любимый пример, и способ, которым я часто заставляю аудиторию отходить от менталитета пользователей электронных таблиц, состоит в том, чтобы показать разницу между необработанной таблицей данных и выделенной таблицей. Добавляя преаттентивные атрибуты для улучшения времени обработки, вы всегда (1) сокращаете время на понимание данных и (2) повышаете точность анализа. Я также утверждаю, что выделенная таблица намного более привлекательна (3), чем необработанная таблица, поэтому все три критерия выполнены.
Я бы не делал то, что делаю, если бы не верил, что визуализация данных является ключом к их пониманию, а не просто иллюстрирует то, что эти принципы подтверждают мои рассуждения. Давайте посмотрим на другой пример: круговые диаграммы. Когда я начинаю спорить о целесообразности использования круговых диаграмм, это почти стало юмористическим номером. Я часто сталкиваюсь с людьми, которые просто уверены, что у них есть один идеальный вариант использования – они вынуждены выбирать круговую диаграмму.
Я хочу сказать, что, когда я рекомендую избегать круговых диаграмм, это не потому, что я – элита в визуализации данных, и живу на холме в своем замке. Это из-за моих мыслей по визуализации данных. Хотя можно утверждать, что круговые диаграммы являются более привлекательными, чем гистограммы, они сравнительно неэффективны для сокращения времени на понимание и повышения точности анализа.
Давайте попробуем ответить на основной бизнес-вопрос, используя Образец – Набор данных Tableau Superstore: Каковы три подкатегории продуктов с наихудшими результатами в сумме продаж?
Рис. 11.1 Круговая диаграмма Рис. 11.2 Сортированная гистограмма
Чтобы сохранить честную борьбу, я отсортировал участников измерений в обеих диаграммах. При использовании круговой диаграммы, размер секторов не позволяет нам показывать все метки. Вы можете предоставить эту информацию во всплывающей подсказке, если используете Tableau, но она не помогает неинтерактивным версиям представления. Это означает, что вы вынуждены предоставлять названия подкатегорий с помощью цветовой легенды, увеличивая когнитивную нагрузку на вашего конечного пользователя (то есть им приходится смотреть то на диаграмму, то на цветовую легенду). Это увеличивает время для понимания.
Кроме того, намного легче сравнивать высоту столбцов а не размер секторов круговой диаграммы. Если бы я не был хорошим парнем и не сортировал графики, было бы намного сложнее определить три минимальные подкатегории, если смотреть на круговую диаграмму, в отличия от гистограммы. Использование гистограммы даст больше уверенности в том, что вы правильно выбрали три минимальных подкатегории. Другими словами, это повысит точность вашего понимания.
Я не собираюсь всех убеждать, но делюсь своим опытом, потому что обоснование моего мнения о круговых диаграммах объективно. Если вы считаете, что у вас тот единственный случай, когда круговую диаграмму проще обрабатывать и повысить точность аналитических данных – сделайте это! Я просто никогда не сталкивался с таким.
Круговые диаграммы привлекают внимание, и это является одной из причин, по которой они все еще так широко распространены в отчетности. Я большой сторонник соединения, но это должно быть сделано со вкусом, с балансом между первыми двумя принципами формулировки миссии. Чтобы сделать некоторые более эффективные типы диаграмм более привлекательными, я задокументировал «3 способа сделать красивые гистограммы» и «3 способа сделать красивые линейные графики».