Bootstrap Collapse Dash Plotly
Charming Data
Does you dashboard app have too much information in it? Then this Dash Bootstrap Collapse tutorial is for you! The Collapse component allows you to hide unnecessary information from your app, while still giving the user access to it. It is very useful in creating a tidier app that is not overcrowded with information. Download code below to get started.
š Join my Patreon if you appreciate these tutorials, would like to support their existence and get some perks: https://www.patreon.com/charmingdata
Code: https://github.com/Coding-with-Adam/Dash-by-Plotly/blob/master/Bootstrap/bootstrap_collapse.py https://github.com/Coding-with-Adam/Dash-by-Plotly/blob/master/Bootstrap/bootstrap_collapse2.py
Data: https://drive.google.com/file/d/164cpYZ-pMceaDFLxsKnUS70_hsEqxcyd/view?usp=sharing
Collapse Documentation: https://dash-bootstrap-components.opensource.faculty.ai/docs/components/collapse/
Video layout: 00:00 - What you will learn 02:36 - Start coding 04:17 - Button and Collapse Components 06:11 - Callback Decorator 09:57 - the Graph Dashboard w/ Collapse 18:17 - Closing Remarks
In support of female developers, I'd like to offer a discount to my patreon community. Please reach out to me via Linkedin: https://www.linkedin.com/in/adam-schroeder-17b5a819 ... https://www.youtube.com/watch?v=RnJGlgc9vcM
48156468 Bytes