Вчера мы упражнялись с гантельками и джиттер-чартами. Напомним, что цели у них разные. График гантели показывает разницу между двумя значениями для каждой категории. Джиттер-чарт может использоваться для показа распределения данных или взаимосвязи между переменными. Усвоили. Встречаем новый день.
СЕГОДНЯ
Изучаем достаточно редкий, но очень полезный вид визуализации — бамп-чарт. Научимся создавать его в Tableau, применять цветовую схему и использовать в разных ситуациях. Кроме того, рассмотрим мастер-класс по работе с цветом и дадим несколько ссылок для более сложной настройки бамп-чартов. Мы почти закончили тему построения визуализаций! Продолжаем в том же темпе.
РАЗБИРАЕМСЯ
Бамп-чарт / Bump Charts
Керала, Индия
Бамп-чарты (диаграмма рельефа) — это особая форма линейного графика. Название произошло от лодочных гонок, в которых каждая лодка пытается столкнуться со своей лодкой и подняться в своем рейтинге.
Когда линия пересекает другую линию, это указывает на изменение ранга. Другими словами, крест-накрест на диаграмме рельефа указывает на то, что одна организация превзошла другую в абсолютном выражении, даже если сравнение основано на относительных рангах.
Бамп-чарт — эффектный и необычный способ показать динамику ранжирования категорий по времени. Этот график покажет, какие категории продуктов были популярнее среди клиентов (и на протяжении какого периода), какие занимали вторые и третьи места, и как сезонность влияла на лидеров продаж. Если взять пример из спорта, вы можете построить бамп-чарт, чтобы увидеть изменение рейтинга футбольных команд за всю историю турнира.
Бамп-чарты не отображают абсолютные значения. Они основаны на рангах категорий, которые позволяют сравнивать относительное положение категорий в разные моменты времени. Это помогает избежать влияния внешних факторов. Например, в продажах рост выручки по продуктам может быть обусловлен не ростом спроса, а изменением экономической ситуации (например, колебанием курса валюты). Какой продукт стал более привлекательным для покупателей в новых условиях? Как менялись предпочтения? Для ответа на эти вопросы пригодятся бамп-чарты.
Бамп-чарты могут выглядеть по-разному. Классический график состоит из двух элементов: линий и точек, которые соединяются на общей оси. Точки можно убрать, но линии — необходимы. Благодаря им легко отслеживать изменение ранга категории по времени.
Чтобы построить бамп-чарт, нужно определить ранг категорий по значениям в каждом периоде. Это легко сделать в Tableau, используя мощные возможности табличных расчетов.
Перетащите категорию, по которой вы хотите разделить график по горизонтали, в область Columns. Это может быть год, месяц, неделя и т.д.
Выберите меру, которая будет отображаться на графике. Создайте табличное вычисление с формулой RANK(SUM([Sales])), где Sales — ваша мера.
Перетащите созданное вычисление в Rows.
Перетащите категорию, значения которой будут отдельными линиями на графике, в область Цвет. Это разделит один линейный график на несколько по категориям.
Чтобы изменить способ расчета табличного вычисления, щелкните правой кнопкой мыши на поле Rank (шаг 2) и выберите Compute Using. Затем выберите то поле, которое вы добавили в цвет.
На рисунке ниже это поле Segment.
«Прокачаем» нашу заготовку.
Откройте настройки редактирования осей (двойной клик по оси). Поставьте галочку напротив Scale : Reversed. Это сделает так, что значения с рангом 1 будут сверху.
Чтобы добавить кружочки, скопируйте текущую меру из области Rows и поместите ее рядом, также в область Rows. (Для копирования поля зажмите клавишу CTRL и перетащите поле в нужное место.)
Щелкните правой кнопкой мыши по второй мере, чтобы создать совмещенный график с двойными осями. В контекстном меню выберите Dual Axis. Затем зайдите в настройки правой оси и поставьте галочку на Synchronize Axis.
Поменяйте тип визуализации на втором поле на кружочки. Вы можете добавить в подписи названия категорий или абсолютные и относительные значения меры.
Линии, которые соединяют точки, можно сделать плавными. Подробнее здесь.
Примеры
Хороший пример, где можно отследить основной тренд.
На этом примере почти нет динамики. Может быть, в этом и смысл?
В этом примере (правда, не в Tableau) добавлен еще один показатель — ширина линии.
Заходите на Tableau Public «поиграться» с живым бамп-чартом от Vizuators.
Работа в рамках всемирной инициативы Makeover Monday.
СОВЕТ
Самое главное для бамп-чарта — не потерять наглядность. Если у вас много категорий на графике, сделайте основные из них более яркими или используйте интерактивную подсветку.
ПРАКТИКУЕМСЯ
Еще раз о датасете
Для построения бамп-чарта мы взяли стандартный набор данных розничной торговли Superstore за 4 года.
Задание
Постройте бамп-чарт, отражающий ранжирование регионов по объему продаж с течением времени.
Разместите решение на дашборде.
В качестве задачи со звездочкой попробуйте построить curvy bump chart, воспользовавшись туториалом из воркбука.
Продолжая тему цвета в бамп-чартах, предлагаем вам мастер-класс. Узнаете про основные теории и системы цвета, о том, как мы воспринимаем и применяем цвет в жизни и творчестве.
+ как правильно выбирать и сочетать цвета в дизайне; + как анализировать иллюстрации, используя теорию и примеры; + как работать с цифровым цветом и контролировать его качество.
Итоги этапа
Лаконично разобрались с бамп-чартами, положили несколько советов по ранжированию себе в копилку, полистали подсказки по управлению цветом и начали готовиться к новому дню. Всем привет! Виз-виз ура!
Бежим Марафон в команде!
С менторством и в компании единомышленников.
Нажимая кнопку, вы соглашаетесь на обработку персональных данных. Мы используем их, чтобы оставаться на связи. Подробнее здесь.