This course provides a comprehensive beginner through to advanced learning pathway to gain skills in data visualization with both Plotly and Dash in Python.

Plotly and Dash in Python Cover Art Iteration 02.png

plotlydash.tar.gz

ch1_01-the-plotly-layout

codingExercises

Ch3_04-hover-types

ch1_l1_all.ipynb

CH1_02-categorical-univariate-analysis-lab_Q

CH1_02-categorical-univariate-analysis-lab_A

CH1_03-numeric_univariate_analysis-lab_Q

CH1_03-numeric_univariate_analysis-lab_A

CH2_01-continuous-vs-categorical-lab_Q

CH2_01-continuous-vs-categorical-lab_A

CH3_01-title-axes-lab_Q

CH3_01-title-axes-lab_A

CH3_03-sizing-color-lab_Q.ipynb

CH3_03-sizing-color-lab_A

CH4_01_subplots_lab_Q

CH4_01_subplots_lab_A

CH4_03_date_buttons_line_charts_lab_Q

CH4_03_date_buttons_line_charts_lab_A

CH5_01_Adding_custom_sliders_lab_Q

CH5_01_Adding_custom_sliders_lab_A

CH5_02_custom_buttons_and_dropdowns_lab_Q

CH5_02_custom_buttons_and_dropdowns_lab_A

CH6_01_scatterplot_smoothers_and_regression_lab_Q

CH6_01_scatterplot_smoothers_and_regression_lab_A

CH6_02_Visualising_Classification_Model_Outputs_lab_Q

CH6_02_Visualising_Classification_Model_Outputs_lab_A

CH6_03_dimensionality_reduction_lab_Q

CH7_01-simple-example

CH6_03_dimensionality_reduction_lab_A

CH7_01-dash-and-plotly_CODE

CH7_02-the-dash-architecture_CODE1_layout

CH7_02-the-dash-architecture_CODE2_callback

CH7_02-the-dash-architecture_LAB

CH7_03-simple-dash-app_CODE

CH8_01_html_in_dash_CODE

CH8_01_html_in_dash_LAB

CH8_02_dash_graph_components_LAB

CH8_02-dash_graph_components_CODE

CH8_03_using_and_reusing_dash_components_LAB

CH8_03-using-and-reusing-dash-components_CODE

CH8_04_dash_inputs_CODE1_dropdown

CH8_04_dash_inputs_CODE2_radio

CH9_01_intro_to_css_and_css_in_dash_CODE1_inline

CH9_01_intro_to_css_and_css_in_dash_CODE2_stylesheets

CH9_02_css_as_stylesheets_CODE

CH9_03_css_with_functions_CODE

CH10_01_callback_functions_CODE1_callbackHTML

CH10_01_callback_functions_CODE2_textarea

CH10_01_callback_functions_CODE3_date

CH10_01_callback_functions_CODE4_image

CH10_01_callback_functions_LAB

CH10_02_Multiple_in_out_callbacks_CODE1_date

CH10_02_Multiple_in_out_callbacks_CODE2_plot.ipynb

CH10_02_Multiple_in_out_callbacks_CODE3_complex_plt.ipynb

CH10_02_Multiple_in_out_callbacks_LAB

CH10_03_chained_callbacks_CODE

CH10_03_chained_callbacks_LAB

CH11_01_interactivity_attributes_CODE1_simple

CH11_01_interactivity_attributes_CODE2_hover_cb

CH11_01_interactivity_attributes_CODE3_hover_harder

CH11_01_interactivity_attributes_CODE4_click_interact

CH11_02_updating_plots_from_user_interactivity_LAB

CH11_03_updating_layouts_styles_userint_CODE1_titlefont

CH11_03_updating_layouts_styles_userint_CODE2_axes

CH11_03_updating_layouts_styles_userint_CODE3_theme

CH11_03_updating_layouts_styles_userint_CODE4_theme_col

CH11_02_updating_plots_from_user_interactivity_CODE1_markers

CH11_02_updating_plots_from_user_interactivity_CODE2_color

CH11_02_updating_plots_from_user_interactivity_CODE3_marker_size

CH11_02_updating_plots_from_user_interactivity_CODE4_symbol

CH12_01_Properties_of_the_DataTable_CODE1_id_data

CH12_01_Properties_of_the_DataTable_CODE2_column

CH12_01_Properties_of_the_DataTable_CODE3_column2

CH12_01_Properties_of_the_DataTable_CODE4_row

CH12_01_Properties_of_the_DataTable_CODE5_style

CH12_01_Properties_of_the_DataTable_CODE6_page

CH12_02_DataTable-Layout_CODE1_nopag

CH12_02_DataTable-Layout_CODE2_autopag

CH12_02_DataTable-Layout_CODE3_limit_r

CH12_02_DataTable-Layout_CODE4_format

CH12_02_DataTable-Layout_CODE5_in_dash

CH12_03_Configuring-columns-and-scroll_CODE1_default

CH12_03_Configuring-columns-and-scroll_CODE2_scrollb

CH12_03_Configuring-columns-and-scroll_CODE3_elipses

CH12_03_Configuring-columns-and-scroll_CODE4_newlines

CH12_03_Configuring-columns-and-scroll_CODE5_freeze

CH12_03_Configuring-columns-and-scroll_CODE6_same_size_c

CH12_04_DataTable_style_and_formatting_CODE1_Default

CH12_04_DataTable_style_and_formatting_CODE2_headers

CH12_04_DataTable_style_and_formatting_CODE3_data_cells

CH12_04_DataTable_style_and_formatting_CODE4_user_int

CH12_04_DataTable_style_and_formatting_CODE5_formatting

CH12_05_data_manipulation_CODE1_sort

CH12_05_data_manipulation_CODE2_select

CH12_05_data_manipulation_CODE3_delete

CH12_05_data_manipulation_CODE4_filter

CH12_05_data_manipulation_CODE5_edit

CH9_01_intro_to_css_and_css_in_dash_CODE3_both

CH9_02_css_as_stylesheets_CODE1_YETI

CH9_02_css_as_stylesheets_CODE2_MORPH

Discover the compelling universe of Plotly and Dash, versatile Python libraries that enable interactive data visualization and web dashboard applications. These tools are essential for anyone seeking to effectively communicate data narratives and build interactive data visualizations.

You'll explore Plotly’s robust data visualization capabilities. You’ll create plots for univariate, bivariate and multivariate analysis before customizing and adding interactivity, using real world datasets. Then, you’ll build upon and use these skills when learning Dash as you build and customize analytical dashboard apps. You’ll journey through Dash's structure, from understanding layouts and HTML components to mastering Dash styling using CSS. You’ll learn the significance of callback functions, enhancing user interactivity, and experience the power of Dash's DataTable component.

By the end of this course, you'll be able to create engaging visualizations with Plotly and develop interactive web applications using Dash.

Mastering Plotly and Dash Data Visualization with Python

To enhance user interactivity and add dynamic aspects to Dash apps

To improve the performance of the Dash application

What is the main purpose of using callback functions in Dash applications?

What is the main purpose of using callback functions in Dash applications?

Which part of the Dash callback structure defines the output component and the property that will be updated when the callback is triggered?

Which part of the Dash callback structure defines the output component and the property that will be updated when the callback is triggered?

Input and output together, separated by a comma

What is the recommended order of input and output objects in the `@app.callback` decorator?

What is the recommended order of input and output objects in the <code>@app.callback</code> decorator?

The component properties of both input and output Dash Components

The output Dash Components specified in the callback structure

The component IDs of both input and output Dash Components

The input Dash Components specified in the callback structure

What should be the matching function name and argument list for the callback function?


What should be the matching function name and argument list for the callback function?

`Input(...), Input(...), Output(...), Output(...)`

`Output(...), Output(...), Input(...), Input(...)`

`Output(...), Input(...), Output(...), Input(...)`

When multiple inputs and outputs exist, what is the correct order in the callback decorator?

When multiple inputs and outputs exist, what is the correct order in the callback decorator?

Based on the order of the `Input()` objects in the callback decorator, from top to bottom

Based on the order of the `Output()` objects in the callback decorator, from top to bottom

Alphabetically by the component properties

How should multiple `Input()` objects be passed into the function parameters?

How should multiple <code>Input()</code> objects be passed into the function parameters?

The app will not function properly and will produce errors.

The app will crash when trying to execute the callback.

The app will function properly, but there might be unnecessary updates.

In a Dash app with multiple inputs, what happens if the outputs depend on some, but not all, of the same inputs?

In a Dash app with multiple inputs, what happens if the outputs depend on some, but not all, of the same inputs?

To dynamically update dropdown options based on user selections

What is the primary purpose of using chained callbacks in a conditional dropdown menu implementation?

What is the primary purpose of using chained callbacks in a conditional dropdown menu implementation?

Quiz: Dash Callbacks

Quiz: Dash Callbacks

Test your understanding of callbacks, including those with multiple inputs and outputs, or that are chained.

Introduction and Univariate Analysis

Exploratory Data Analysis - Bivariate and Multivariate Analysis

Customizing Plots

Advanced Customization

Interactivity in Plotly

Visualizing Machine Learning Models with Plotly

Global Energy Consumption Visualization

Introducing Dash

Dash Layout

Dash Styling

Dash Callbacks

User Interactivity in Dash

Tabular data in Dash DataTable

Global Energy Consumption Dashboard

Conclusion

Quiz: Dash Callbacks