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.

Demo: Grid-based layouts

Demo: Grid-based layouts

From the course: Interactive Dashboards with Plotly and Dash

Start my 1-month free trial Buy for my team

Demo: Grid-based layouts

“

- [Instructor] Okay, so I've gone ahead and simplified our application here a little bit. I've removed all of the KPIs. It's just going to make it a little bit easier to demonstrate what I want to, which is a very common layout style. And so right now we have our markdown title, our dropdown, and our two charts. But oftentimes what you'll see is all of our interactive elements on the left, kind of like an interactive bar, and then our dashboard, and all of our KPIs will be to the right. And this is pretty common when you're looking at Tableau. So right now our layout is a markdown title, a DBC row, a line break, and then another row with two columns that are equally sized. So let's go ahead and modify this layout so that we end up with that nice side pane view. So the first thing that we're going to do is get rid of our line break. That was a vertical separator that isn't going to apply here. The second thing that I'm going to do is get rid of this row altogether. And so now we just…

Contents