Источник: tableaumagic.com
Автор этой пошаговой инструкции представил действительно простой способ по созданию диаграммы пути. Повторяя простые шаги, каждый сможет сделать подобную диаграмму — легко, быстро и доступно.
Данные
Загружаем источник данных 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 сегмента:
К каждому из сегментов мы обращаемся отдельно и по-разному. Используем номер сегмента (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 и получится так:
Все просто! Надеемся, вам понравилось!
Источник: tableaumagic.com