Все, кто хоть немного знаком с Tableau, знает про «парЯщие» рабочие листы — их можно передвигать и свободно менять их расположение. Сегодня сделаем «парящие» гистограммы. Но не просто гистограммы, а на фоне подложки из цветных кругов.
Данные
Начнем с загрузки источника данных Sample Superstore в Tableau Desktop / Tableau Public: https://files.tableaumagic.com/Orders.csv
Если у вас Tableau Desktop, вы можете использовать источник Sample data сразу, но если у вас Tableau Public, то скачайте файл и загрузите его.
Вычисляемые поля
После загрузки данных создаем следующие вычисляемые поля:
Date Part
(DATEPART("month", [Order Date])-1)/2
TC_Size
SUM([Sales])/TOTAL(SUM([Sales]))
X
IF [Region] = "Central" THEN 1 ELSEIF [Region] = "West" THEN 17 ELSEIF [Region] = "East" THEN 7 ELSEIF [Region] = "South" THEN 20 END+[Date Part]
X (Circle)
MAX(IF [Region] = "Central" THEN 1 ELSEIF [Region] = "West" THEN 17 ELSEIF [Region] = "East" THEN 7 ELSEIF [Region] = "South" THEN 20 END)+WINDOW_MAX(MAX([Date Part]/2))
Y
IF [Region] = "Central" THEN 1.0 ELSEIF [Region] = "West" THEN 1.3 ELSEIF [Region] = "East" THEN 1.8 ELSEIF [Region] = "South" THEN 2.0 END
Значения X и Y заданы с помощью кода, но значения всегда можно изменить, если захотим. Здесь важно понять наш метод.
Теперь приступаем к визуализации.
Рабочий лист
— Меняем тип метки Mark Type на Gantt Bar
— Перетаскиваем Order Date на полку Filter и выбираем 2018
— Перетаскиваем Order Date на метку Detail. Кликаем правой кнопкой мыши на эту пилюлю и конвертируем в Discrete Month
— Перетаскиваем Region на метку Detail
— Перетаскиваем X на полку Columns. Кликаем правой кнопкой мыши на эту пилюлю и конвертируем в Dimension
— Перетаскиваем Y на полку Rows. Кликаем правой кнопкой мыши на пилюлю и конвертируем в Dimension
— Перетаскиваем TC_Size на Size Mark. Кликаем правой кнопкой мыши на пилюлю и выбираем Edit Table calculations. В Compute Using выбираем Specific Dimensions. Отмечаем Region, Month of Order Date, X и Y
Если все сделано правильно, то должно получиться следующее:
Теперь добавляем фигуры для фона и наводим красоту:
— Перетаскиваем X (Circle) на полку Columns и слева от X
— Кликаем правой кнопкой мыши на X и выбираем Dual Axis. Кликаем правой кнопкой мыши на X Header и выбираем Synchronise Axis
— На панели X (Circle) Marks Panel. Меняем тип метки Mark Type на Circle. Перетаскиваем Region на метку цвета Colour. Перетаскиваем Sales на метку размера Size и увеличиваем размер
— На панели X Marks Panel. Настраиваем размер Size
— Меняем цвет Colour на белый (White)
Должно получиться так:
Последние штрихи в нашей визуализации:
— Скрываем линии сетки (Grid Lines)
— Скрываем линии нуля (Zero Lines)
— Скрываем заголовки осей (Axis Headers)
— Редактируем подсказки (Tool Tips)
Должно получиться так:
Вот и все 🙂
Источник: tableaumagic.com