Wrap-up video

Building Dashboards with Dash and Plotly

Alex Scriven

Data Scientist

Chapter 1

 

  • Revised Plotly, discovered Dash
  • Created first Dash app
  • An overview of HTML

A line chart gif of sales by month where the mouse hovers over a point to show the month and sales figure pops up on hover

Building Dashboards with Dash and Plotly

Chapter 2

 

  • Deeper dive into HTML and CSS
  • Place, size, and style app elements
    • The important style dictionary

An image of a title "Top Sales Categories" below this, inside a red dotted border, is a horizontal bar chart with minor purchase categories on the y axis and total orders on the x-axis. Below this, outside the border, is a list noting the top two sales categories. The border has been pushed out on all sides, and there are back arrows to indicate this push. There is more space around the graph, and the title, inside the border, and text below have been pushed away.

Building Dashboards with Dash and Plotly

Chapter 3

 

  • Enhanced interactivity with callbacks
  • Advanced user experiences with interactive components
    • Dropdowns, date pickers and free-text entry

A gif of a common date picker example. There is a date input field with the 1st of July 2021 as the current date. The mouse clicks this, and a calendar appears. A different date is selected, July 2, 2021, and the expanded calendar collapses and the noted date in the selector has changed.

Building Dashboards with Dash and Plotly

Chapter 4

 

  • Next level interactivity from hover and click
  • Building Data Tables
    • Making them interactive

A gif of a scatter chart of total sales (x-axis) vs. sales volume (y-axis) where the points are each a different country with the text "hover data" below it which has the word "none" below that. As the mouse hovers over a point, for Australia, the text none changes to a dictionary that contains details of the point hovered over including then two values and this time, in the customdata property it contains the word Australia

Building Dashboards with Dash and Plotly

Next steps?

 

  • Build your own dashboards (practice!)
  • Experiment with callback chains
  • Continue learning DataTable
Building Dashboards with Dash and Plotly

Thank you!

Building Dashboards with Dash and Plotly

Preparing Video For Download...