Підсумкове відео

Створення дашбордів з Dash і Plotly

Alex Scriven

Data Scientist

Розділ 1

Повторили Plotly
Створили перший застосунок Dash
Огляд HTML

GIF лінійної діаграми продажів за місяцями: наведення курсора показує місяць і суму продажів у підказці

Розділ 2

Структура й стиль з HTML і CSS
Розміщення, розмір і стиль елементів застосунку
- Словник style

Зображення з заголовком «Top Sales Categories». Нижче, у червоній пунктирній рамці, горизонтальна стовпчаста діаграма: на вісі y — дрібні категорії покупок, на вісі x — загальна кількість замовлень. Під рамкою — список із двома топкатегоріями. Рамку розширено з усіх боків, стрілки назад показують відштовхування. Усередині рамки більше простору: графік, заголовок і текст нижче відсунуті.

Розділ 3

Інтерактивність через callbacks
Випадні списки, вибір дат і довільний текстовий ввід

GIF типового вибору дати. Є поле дати з 1 липня 2025 як поточною датою. Клацання відкриває календар. Обирають іншу дату — 2 липня 2025, календар згортається, а в полі з'являється нова дата.

Розділ 4

Інтерактивність від подій hover і click
Створення таблиць AG Grid

GIF таблиці: клацання різних клітинок показує нижче текстове поле зі словником вмісту обраної клітинки

Подальші кроки?

Створіть власні дашборди
- Для натхнення — приклади
Експериментуйте з ланцюжками callbacks
Продовжуйте вивчати таблиці AG Grid

Screenshot at May 15 08-06-55.png

Plotly Studio

Генеруйте застосунки Dash з наборів даних за лічені хвилини ⚡
Налаштовуйте AI-основу 🔧
Публікуйте в Plotly Cloud в один клік 🚀

¹ plotly.com/studio

Дякуємо!

Створення дашбордів з Dash і Plotly