Special offers now — see discounted courses.
day
:
hour
:
min
:
sec
See special offers
Interactive Dashboards with Plotly and Dash

Interactive Dashboards with Plotly and Dash

8h 31mIntermediate2024-09-26

Authors

Maven Analytics

Maven Analytics

Chris Bruehl

Chris Bruehl

Course details

This hands-on, project-based course is designed to help you learn Python's most popular packages for creating interactive dashboards and web applications: Plotly and Dash.

Instructor Chris Bruehl introduces the core components of a Dash application, reviews basic front-end and back-end elements, and demonstrates how to tie everything together to create a simple, interactive web app. He explores a variety of Plotly visuals, including line charts, scatterplots, histograms and maps. Learn how to apply basic formatting options like layouts and axis labels, add context to our visuals using annotations and reference lines, then bring your data to life with interactive elements like dropdown menus, checklists, sliders, and more. See how to use Dash to build and customize a web-based dashboard, using tools like markdown, HTML components and styles, themes, grids, tabs, and more. Chris also covers advanced topics like data tables, cross-filters, and app deployment options.

Learning objectives
Identify the key components and steps for creating Dash applications.
Learn about and interpret Plotly Express functions for creating basic charts.
Discover methods for formatting Plotly Express charts.
Identify and interpret the functions and use cases for the interactive elements in the Dash Core Components module.
Learn about the syntax, structure, and components for callback functions in Dash.
Identify and interpret the syntax for designing app layouts with HTML, markdown, and the Dash Bootstrap Components library.

Skills covered

PlotlyData VisualizationPythonData AnalysisData ScienceBusiness Analysis and StrategyBusiness Software and ToolsOpen SourceOne-Off

Concepts

Getting Started

  • 01 - Course structure and outline
  • 02 - Introducing the course project
  • 03 - Setting expectations
  • 04 - Jupyter installation and launch

1. Intro to Plotly and Dash

  • 05 - Why interactive visuals
  • 06 - Installing Plotly and Dash
  • 07 - The anatomy of a Dash application
  • 08 - The world's simplest Dash app
  • 09 - Dash component deep dive
  • 10 - Interactive elements
  • 11 - Callback functions
  • 12 - Demo - Callback functions
  • 13 - Options for running your application
  • 14 - Assignment - Simple Dash application
  • 15 - Solution - Simple Dash application
  • 16 - Plotly visuals and Dash graph components
  • 17 - Tying interactive elements to visuals
  • 18 - Assignment - A more realistic Dash app
  • 19 - Solution - A more realistic Dash app
  • 20 - Key takeaways

2. Plotly Figures and Charts

  • 21 - Intro to Plotly charts
  • 22 - Demo - Plotly graph objects
  • 23 - Demo - Plotly Express
  • 24 - Basic Plotly charts
  • 25 - Demo - Scatterplots and line charts
  • 26 - Assignment - Line charts
  • 27 - Solution - Line charts
  • 28 - Plotting multiple series
  • 29 - Demo - Bar charts
  • 30 - Assignment - Bar charts
  • 31 - Solution - Bar charts
  • 32 - Pro tip - Bubble charts
  • 33 - Pie and donut charts
  • 34 - Assignment - Donut and bubble charts
  • 35 - Solution - Donut and bubble charts
  • 36 - Histograms
  • 37 - Update methods
  • 38 - Demo - Updating layout and traces
  • 39 - Demo - Updating X and Y axes
  • 40 - Adding annotations
  • 41 - Assignment - Chart formatting
  • 42 - Solution - Chart formatting
  • 43 - Choropleth maps
  • 44 - Demo - Choropleth maps
  • 45 - Mapbox maps
  • 46 - Demo - Density maps
  • 47 - Assignment - Maps
  • 48 - Solution - Maps
  • 49 - Key takeaways

3. Interactive Elements

  • 50 - Intro to interactive elements
  • 51 - Interactive element overview
  • 52 - Dropdown menus
  • 53 - Demo - Dropdowns
  • 54 - Checklists
  • 55 - Assignment - Checklists
  • 56 - Solution - Checklists
  • 57 - Radio buttons
  • 58 - Sliders
  • 59 - Range sliders
  • 60 - Assignment - Sliders
  • 61 - Solution - Sliders
  • 62 - Date pickers
  • 63 - Demo - Date pickers
  • 64 - Multiple input callbacks
  • 65 - Multiple output callbacks
  • 66 - Assignment - Multiple interactive elements
  • 67 - Solution - Multiple interactive elements
  • 68 - Key takeaways

4. Mid-Course Project

  • 69 - Mid-course project introduction
  • 70 - Mid-course project solution

5. Dashboard Layouts

  • 71 - Intro to dashboard layouts
  • 72 - Visual elements and layout options
  • 73 - Revisiting Dash app layouts
  • 74 - HTML and markdown
  • 75 - Assignment - HTML and markdown
  • 76 - Solution - HTML and markdown
  • 77 - HTML styles
  • 78 - Styling interactive elements
  • 79 - Styling Plotly figures
  • 80 - Assignment - App styling
  • 81 - Solution - App styling
  • 82 - Dash Bootstrap components
  • 83 - Dash Bootstrap themes
  • 84 - Demo - Applying a Bootstrap theme
  • 85 - Grid-based layouts
  • 86 - Demo - Grid-based layouts
  • 87 - Multiple tabs
  • 88 - Demo - Multiple tabs
  • 89 - Assignment - Building a layout
  • 90 - Solution - Building a layout
  • 91 - Key takeaways

6. Advanced Topics

  • 92 - Intro to advanced topics
  • 93 - Dash data tables
  • 94 - Demo - Data tables
  • 95 - Assignment - Data tables
  • 96 - Solution - Data tables
  • 97 - Conditional callbacks
  • 98 - Chained callbacks
  • 99 - Pro tip - Debug mode
  • 100 - Interactive cross-filtering
  • 101 - Manually firing callbacks
  • 102 - Periodically firing callbacks
  • 103 - Demo - Real-time updates
  • 104 - Assignment - Advanced callbacks
  • 105 - Solution - Advanced callbacks
  • 106 - App deployment options
  • 107 - Demo - App deployment
  • 108 - Key takeaways

7. Final Course Project

  • 109 - Final project introduction
  • 110 - Final project solution

About us

LyndaKade is a leading learning platform that helps people learn business, software, technology, and creative skills to achieve personal and professional goals.

Phone numberAparat ChannelTelegram SupportTelegram ChannelInstagram Page

All rights to this site belong to LyndaKade.

Terms of Service|Privacy Policy

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
Zarinpal
Zibal