Итоговое видео

Создание дашбордов с помощью Dash и Plotly

Alex Scriven

Data Scientist

Глава 1

 

  • Повторение Plotly
  • Создание первого приложения Dash
  • Обзор HTML

Анимированный линейный график продаж по месяцам: при наведении курсора на точку появляется всплывающая подсказка с месяцем и значением продаж

Создание дашбордов с помощью Dash и Plotly

Глава 2

 

  • Структура и стиль с HTML и CSS
  • Размещение, размер и стиль элементов приложения
    • Словарь style

Изображение с заголовком «Top Sales Categories»; ниже, внутри красной пунктирной рамки, расположена горизонтальная столбчатая диаграмма с категориями покупок по оси Y и количеством заказов по оси X. Под рамкой — список двух ведущих категорий продаж. Рамка расширена по всем сторонам, стрелки указывают на это расширение; вокруг графика появилось больше пространства, а заголовок, содержимое рамки и текст снизу сдвинуты.

Создание дашбордов с помощью Dash и Plotly

Глава 3

 

  • Интерактивность с помощью обратных вызовов
  • Выпадающие списки, выбор даты и текстовый ввод

Анимация с примером выбора даты: в поле ввода указана дата 1 июля 2025 года, при нажатии появляется календарь, выбирается 2 июля 2025 года, календарь сворачивается и дата в поле обновляется.

Создание дашбордов с помощью Dash и Plotly

Глава 4

 

  • Интерактивность при наведении и кликах
  • Создание таблиц AG Grid

Анимация таблицы: при клике на ячейку ниже появляется текстовое поле со словарём содержимого выбранной ячейки

Создание дашбордов с помощью Dash и Plotly

Следующие шаги

 

  • Создавайте собственные дашборды
  • Экспериментируйте с цепочками обратных вызовов
  • Продолжайте изучать таблицы AG Grid

Screenshot at May 15 08-06-55.png

Создание дашбордов с помощью Dash и Plotly

Plotly Studio

  • Создавайте приложения Dash из наборов данных за считанные минуты ⚡
  • Настраивайте основу, сгенерированную ИИ 🔧
  • Публикация в Plotly Cloud в один клик 🚀

plotlystudio.png

1 plotly.com/studio
Создание дашбордов с помощью Dash и Plotly

Спасибо!

Создание дашбордов с помощью Dash и Plotly

Preparing Video For Download...