Диаграмма пути в Tableau

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

Данные

Загружаем источник данных Sample Superstore в Tableau Desktop / Tableau Public: https://files.tableaumagic.com/Orders.csv

Помним: если у вас Tableau Desktop, можно сразу использовать источник Sample. Если у вас Tableau Public, то скачайте источник и загрузите его.

Вычисляемые поля

После загрузки источника данных в Tableau, создаем следующие параметры и высичляемые поля (Parameters и Calculated Fields):

Параметр Spacing

— Устанавливаем название Name как Spacing

— Устанавливаем тип даты Data type на Integer

— Устанавливаем Allowable values на Range. Устанавливаем Minimum на 1. Устанавливаем Maximum на 20. Устанавливаем Step size на 1

— Устанавливаем Current value на 8

— Кликаем Ok

Параметр Curve Distance

— Устанавливаем Name на Curve Distance

— Устанавливаем Data type на Integer

— Устанавливаем Allowable values на Range. Устанавливаем Minimum на 0. Устанавливаем Maximum на 100. Устанавливаем Step size на 10

— Устанавливаем Current value на 30

— Кликаем Ok

Index

(INDEX()-1)*[Spacing]

Segment Number

INT([Index]/180)

Y

IF [Segment Number]%2 = 0 THEN
    -[Segment Number]
ELSE
    (-[Segment Number]+COS(RADIANS([Index]-180)))
END

Важно: мы используем оператор модуля — чтобы определять, насколько низко мы опускаемся.

X

IF [Segment Number]%4 = 0 THEN
    [Index]-(180*[Segment Number])
ELSEIF [Segment Number]%4 = 1 THEN
    180+SIN(RADIANS([Index]-180))*[Curve Distance]
ELSEIF [Segment Number]%4 = 2 THEN
    (([Segment Number]+1)*180)-[Index]
ELSEIF [Segment Number]%4 = 3 THEN
    SIN(RADIANS([Index]-180))*-[Curve Distance]
END

И теперь мы понимаем — все не так сложно, как казалось с первого взгляда. Получается, наш путь имеет 4 сегмента:

1. Прямая линия слева направо.
2. Поворот направо.
3. Прямая линия справа налево.
4. Поворот налево.

К каждому из сегментов мы обращаемся отдельно и по-разному. Используем номер сегмента (Segment Number), Index и оператор модуля, чтобы убедиться, что на выходе получаем верные данные и движемся в правильном направлении. И при использовании таких расчетов диаграмма будет достаточно динамичной.

Примечание: мы кодируем количество точек каждого сегмента до 180 и используем Index и параметр Spacing.

Приступаем к визуализации.

Рабочий лист

— Меняем тип метки Mark на Circle

— Перетаскиваем Order Date на метку Color 

— Перетаскиваем Order Date на метку Detail. Кликаем правой кнопкой мыши на эту пилюлю, конвертируем (Convert) ее в Continuous Week

— Перетаскиваем X на полку колонок Columns Shelf — кликаем правой кнопкой мыши на эту пилюлю, переходим к Compute Using и выбираем Order Date

— Перетаскиваем Y на полку рядов Rows Shelf —  кликаем правой кнопкой мыши на эту пилюлю, переходим к Compute Using и выбираем Order Date

Должно получиться так:

Создать карусель

Наводим красоту:

— Скрываем заголовки осей X и Y

— Скрываем Grid Lines и Zero Lines (линии сетки и нулевые линии)

— Скрываем Row Dividers и Column Dividers (разделители рядов и колонок)

— Перетаскиваем Sales на метку Size

— Настраиваем подсказки (Tooltips)

Должно получиться так:

Создать карусель

А теперь попробуйте «поиграть» с настройками Order Date на панели меток Detail. Кликаем правой кнопкой мыши на пилюле и конвертируем ее в Month, Day или любую «длительную» (continuous) дату. И настраиваем Parameter.

Также можно поменять тип метки Mark на Line и получится так:

Создать карусель

Все просто! Надеемся, вам понравилось!