Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Interactive Dashboards and Data Apps with Plotly and Dash
  • Toc
  • feedback
Interactive Dashboards and Data Apps with Plotly and Dash

Interactive Dashboards and Data Apps with Plotly and Dash

By : Dabbas
4.4 (24)
close
Interactive Dashboards and Data Apps with Plotly and Dash

Interactive Dashboards and Data Apps with Plotly and Dash

4.4 (24)
By: Dabbas

Overview of this book

Plotly's Dash framework is a life-saver for Python developers who want to develop complete data apps and interactive dashboards without JavaScript, but you'll need to have the right guide to make sure you’re getting the most of it. With the help of this book, you'll be able to explore the functionalities of Dash for visualizing data in different ways. Interactive Dashboards and Data Apps with Plotly and Dash will first give you an overview of the Dash ecosystem, its main packages, and the third-party packages crucial for structuring and building different parts of your apps. You'll learn how to create a basic Dash app and add different features to it. Next, you’ll integrate controls such as dropdowns, checkboxes, sliders, date pickers, and more in the app and then link them to charts and other outputs. Depending on the data you are visualizing, you'll also add several types of charts, including scatter plots, line plots, bar charts, histograms, and maps, as well as explore the options available for customizing them. By the end of this book, you'll have developed the skills you need to create and deploy an interactive dashboard, handle complexities and code refactoring, and understand the process of improving your application.
Table of Contents (18 chapters)
close
1
Section 1: Building a Dash App
6
Section 2: Adding Functionality to Your App with Real Data
11
Section 3: Taking Your App to the Next Level

Creating components that control other components

How about we provide an interactive component on the page where its values (set by the user) serve as inputs to another function, which is in turn responsible for the final output? Figure 10.4 shows what the result looks like, and following that is a discussion of the details and implementation:

Figure 10.4 – An app with a component that dynamically determines the values of another component

Figure 10.4 – An app with a component that dynamically determines the values of another component

Let's go through the visual elements of this app's layout, one by one:

  1. Success message: The green strip at the top doesn't appear when the app loads. It only appears after the user adds the options to the dropdown and hits the Set options button. Note that there is a dynamic message showing the user the values that they added. Also, note that the alert message is "dismissable." We have the x symbol on the right, allowing the user to remove this message.
  2. Instruction line:...
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete