You're reading from Interactive Dashboards and Data Apps with Plotly and Dash Harness the power of a fully fledged frontend web framework in Python – no JavaScript required

Product type Paperback

Published in May 2021

Publisher Packt

ISBN-13 9781800568914

Length 364 pages

Edition 1st Edition

Languages

JavaScript

Tools

Dash

Concepts

Data Visualization

Author (1):

Elias Dabbas

View More author details

Table of Contents (18) Chapters

Preface

1. Section 1: Building a Dash App

2. Chapter 1: Overview of the Dash Ecosystem FREE CHAPTER

3. Chapter 2: Exploring the Structure of a Dash App

4. Chapter 3: Working with Plotly's Figure Objects

5. Chapter 4: Data Manipulation and Preparation, Paving the Way to Plotly Express

6. Section 2: Adding Functionality to Your App with Real Data

7. Chapter 5: Interactively Comparing Values with Bar Charts and Dropdown Menus

8. Chapter 6: Exploring Variables with Scatter Plots and Filtering Subsets with Sliders

9. Chapter 7: Exploring Map Plots and Enriching Your Dashboards with Markdown

10. Chapter 8: Calculating the Frequency of Your Data with Histograms and Building Interactive Tables

11. Section 3: Taking Your App to the Next Level

12. Chapter 9: Letting Your Data Speak for Itself with Machine Learning

13. Chapter 10: Turbo-charge Your Apps with Advanced Callbacks

14. Chapter 11: URLs and Multi-Page Apps

15. Chapter 12: Deploying Your App

16. Chapter 13: Next Steps

17. Other Books You May Enjoy

Incorporating the new URL interactivity into the app

Having created a dropdown that automatically changes the URL based on the selected value, we have allowed our users to go from page to page as they please. We now need to manage the display of the right content based on the selected country.

Since the code was already written, one thing you can do is run the app in debug mode and get a visual representation of all the available components and see how they are connected with callbacks.

Figure 11.5 shows the graph of the callbacks that have been created. Let's use it to understand how this functionality was implemented:

Figure 11.5 – The various components and callbacks managing the URL functionality

Let's go through the figure from left to right and see what is going on here. You can refer to Figure 11.2 to see how this graph corresponds to visible components in the app: