The Alert, Popover, and Modal Bootstrap components all give our web app a much more professional appearance. Using Dash Bootstrap, we’ll learn to manipulate these components inside our dashboard, as we combine them with the dropdown and the line chart.
Video layout:
00:00 - What you will learn
02:31 - Python libraries required & Bootstrap theme
04:01 - Layout
05:34 - Popover (Graph Card)
12:36 - Alert & Dropdown (Image Card)
21:10 - Modal
26:18 - Closing Remarks
Code:
https://github.com/Coding-with-Adam/Dash-by-Plotly/blob/master/Bootstrap/bootstrap_modal.py
Data:
https://drive.google.com/file/d/1iugeiq5WUDB4cue5tJbex8q_HXLRXcNE/view
Dash HTML/CORE Components:
https://dash.plotly.com/dash-html-components
Bootstrap Theme:
https://bootswatch.com/default/
Plotly Express Line Chart:
https://plotly.com/python-api-reference/generated/plotly.express.line.html
#bootstrap #web-development #html