From the course: Interactive Dashboards with Plotly and Dash

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Solution: Building a layout

Solution: Building a layout

From the course: Interactive Dashboards with Plotly and Dash

Start my 1-month free trial Buy for my team

Solution: Building a layout

“

- [Presenter] All right, everybody. Our solution code is on the right. Let's go ahead and take a closer look in the notebook. All right, and so let's go ahead and take a look at our layout here. Everything at the top is going to be the same, we're importing our libraries. Make sure you imported DBC. We're then reading in our external CSS, which helps style a lot of the components in our application. And then for external style sheets, when we're creating our app, I specify "dbc.themes.slate" and "dbc_css" and then we're using the load figure template to make sure that our Plotly charts get styled appropriately. And so let's go ahead and take a look at our layout. I first open up a container and I have two rows in my application. And one row is for our title text and one row is for everything else, our interactive components, and our chart. And there are a number of ways to build these grid-based layouts, you don't need to have done it this way. So I went ahead and created an empty…

Contents