Парящие гистограммы на кастомном фоне

Все, кто хоть немного знаком с 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