Красота в Tableau — «парящие» иконки над баром

Для большей наглядности и быстрого «чтения» визуализации можно использовать не подписи к бар-чартам, а «парящие» иконки над баром или рядом с ним (если бары горизонтальные). Такой бар-чарт можно построить за минут 5, или даже меньше.

Данные

Загружаем следующие данные в Tableau Desktop / Public.

Social Platform,Monthly Actives
Facebook,2400000000
YouTube,1900000000
WhatsApp,1500000000
Instagram,1000000000
Twitter,330000000
Reddit,330000000
LinkedIn,303000000
SnapChart,301000000
Pinterests,291000000

Формы (Shapes)

Загружаем файл с иконками/значками и распаковываем в My Tableau Repository. В нашем примере будем использовать этот файл:
Social Download

Вычисляемые поля (Calculated Fields)

Создаем следующие вычисляемые поля:

Логотипы (Logo)

SUM([Monthly Actives])+(WINDOW_MAX(SUM([Monthly Actives]))/5)

Note: это вычисление добавляет к месячному значению продаж величину расстояния извлечения. Это нужно, потому что мы хотим, чтобы логотип располагался выше баров и на постоянную величину. Поэтому мы берем максимальное значение в визуализации данных.

Создаем рабочий лист.

Рабочий лист (Worksheet)

Создаем его:

— Перетаскиваем Social Platform на поле Columns.

— Перетаскиваем Monthly Actives на Rows.

— Перетаскиваем Logo на Rows. Кликаем правой кнопкой мыши на объект и выбираем Dual Axis. Кликаем правой кнопкой мыши на Logo Axis Header и выбираем Synchronize Axis.

— На панели SUM(Monthly Actives) Mark Panel. Меняем Mark Type на Bar.

— На панели Logo Marks Panel. Меняем Mark Type на Shape. Перетаскиваем Social Platforms на Shape Mark.

— На панели All Marks Panel. Перетаскиваем Social Platform на Color Mark.

Должно получиться следующее:

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

— Скрываем заголовки осей (Hide Axis Headers)

— Скрываем сетку Grid Lines

— Настраиваем размеры (Sizes)

— Применяем наши загруженные формы из файла вместо стандартных форм (Shapes)

— Добавляем Label

— Добавляем подсказки (Tooltip)

— Настраиваем порядок сортировки (sort order)

Также можно покрасить бары в нужный цвет. В нашем случае это:

— Facebook: #3b5998

— YouTube: #ff0000

— WhatsApp: #25d366

— Instagram: #c32aa3

— Reddit: #ff4500

— Twitter: #1da1f2

— LinkedIn: #007bb5

— SnapChat: #fffc00

— Pinterests: #bd081c

Note: кликаем на метку Color, потом двойной клик на нужную соцсеть — таким образом попадаем в настройки пользовательских/кастомных цветов.

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

Источник: tableaumagic.com

Внимание! Все обучающие видео перенесены на нашу платформу Академия Аналитики. Раздел Практика. Смотрите БЕСПЛАТНО.

НАЧАТЬ УЧИТЬСЯ БЕСПЛАТНО

Хотите научиться работать с данными?

Академия Аналитики — онлайн-образовательный проект, который создан командой АНАЛИТИКА ПЛЮС для того, чтобы компании быстро и успешно внедряли решения для анализа данных, а их сотрудники профессионально росли.

Сайт Академия Аналитики academy.analytikaplus.ru

Телеграм Академия Аналитики analytixacademy_chat

Посмотреть все записи: