Панель мониторинга Tableau Liquid Glass | Glassmorphism UI

Описание: Я покажу, как я создал эту панель мониторинга «Жидкое стекло» в Tableau, используя Figma для интерфейса Glassmorphism. Я расскажу о процессе создания макета и элементов, покажу, как я создал эффект стекла для фона и компонентов в Figma, и объясню, как я создал все визуализации в Tableau (с отдельными пошаговыми видео для более подробных объяснений). Спасибо всем, кто помог мне создать эту визуализацию дня в Tableau!


Tableau: https://public.tableau.com/app/profil...
Формулы: https://docs.google.com/document/d/11...
Источник данных: https://docs.google.com/spreadsheets/...
Источник данных для заполнения: https://docs.google.com/spreadsheets/...

Использованные видео:
Создание полупрозрачных закругленных контейнеров непосредственно в Tableau:    • Tableau - Gradient Background with Translu...  
Как загрузить пользовательские фигуры в Tableau:    • Quick Guide: Loading Any Image as Shapes i...  
Как загрузить пользовательские цветовые палитры в Tableau:    • Tableau Color Palettes Explained 🎨  Load Y...  
Как удалить выделение и двойной щелчок в Tableau:    • Tableau Quick Tips: Turn Off Highlighting ...  

0:00 - Вступление
0:23 - Дизайн фона в Figma
1:28 - Настройка Tableau (источник данных и фон)
1:47 - Карточки KPI с показателями YoY и YTD Изменения
4:55 - Закругленные частичные кольцевые диаграммы
7:39 - Переключение фильтров
9:43 - Выпадающие фильтры (с кнопками «Показать» и «Скрыть»)
12:09 - Гистограмма с каруселью для переключения метрик
15:34 - Кнопки фильтра по временным периодам
18:22 - Кольцевая диаграмма с иконками
22:15 - Переключение карты для просмотра мира и США
25:00 - Индикаторы выполнения для трех самых популярных местоположений
27:21 - Кнопки фильтра товаров с множественным выбором
30:50 - Кнопка переключения метрик
32:58 - Кнопка загрузки
33:53 - Кнопка «Ещё» для отображения скрытых элементов управления
34:52 - Уведомления с условными сообщениями
38:28 - Отображение текущей даты и времени
38:53 - Кнопка изменения фона (для добавления гор)

#Tableau #ВизуализацияДанные #УчебникПоTableau