Building a Dashboard web app in Python - Full Streamlit Tutorial

In this video, I show you how to build a Dashboard in Python using the Streamlit library. This is version 2, an improved version to the dashboard built in a previous episode or version 1 (see link below).

Don't forget to ⭐ the repo and follow me on GitHub!

If you want to play with version 1 of the Dashboard, here it is:

0:00 Introduction
0:22 Version 1 vs 2
1:05 Overview of the dashboard app
2:59 Code repo walkthrough
5:08 Code walkthrough
12:32 Customizing the dashboard app
13:12 Conclusion

Support my work:
👪 Join as Channel Member:

Recommended Resources

Subscribe:

Disclaimer:
Recommended books and tools are affiliate links that gives me a portion of sales at no cost to you, which will contribute to the improvement of this channel's contents.

#datascience #machinelearning #dataprofessor

[christianlaurio]

Thank you so much. I will definitely try this one and watch how to deploy the first version.

[techsmarthouse]

Thanks teacher, excelent development. Keep going !!

[tonza]

That’s what I am looking for. Thank you so much krub ❤

[sumitchaudhary]

The video is great. I was just looking for something like this to implement. However, add the style.css and with open('style.css') as f:
st.markdown(f'<style>{f.read()}</style>', unsafe_allow_html=True), the metric are still white. Any possible reasons why? I am working on linux system.

[abdulmeral]

Is it possible a responsive pages?
Adjust automaticly the page for mobile phones etc..

[dnqsccu]

Great tutorial!
One question, how do I use the config.toml? I put the file in the folder with the other files and nothing happend, no teal color theme neither shadowing over scorecards.

[suthanchandru]

How to reduce the column width? Please

[AchouakNouioua]

any help please, AttributeError: module 'streamlit' has no attribute 'columns'

[seraphinaaki]

Hi, I have a question.

Is it possible to build a real-time dashboard in streamlit? The data that will be used is from the MQTT broker

[IsaacBG]

Great video. Is it posible to create a dashboard and have a button to export data(googlesheets)+charts to a PDF document?

[dexnug]

hi prof, great tutorial..do you know how to show real data from arduino to streamlit web apps?

[kisho]

how could MathJax be integrated into Python by using streamlit to display LaTex as mathematical expressions in a web application?

[williamsilva]

AttributeError: module 'streamlit' has no attribute error happens every time I try to plot the Hiplot view. Do you have any tips to resolve?

[neoviper]

Great dashboard. I want to modify it because it doesn't fit my purpose. I have 2 questions. How to change the theme colors in heatmap and how to add filtering by year to it?

Update: I figured out the year but still i can't find how to change color theme in charts.

[by_westy]

how to color each card border with different colors?

[gohoudanon]

I Chanin, I am following you on Medium. Can we talk. I am reproducing you code but I get stucked.

[imp]

why use this when Power BI and Tableau can do it by click, drag and drop?

[MatheusPavanetti]

If you are strugling wondering "why" the cards border are not showing up with the rounded light-grey background and light blue indicators on the left it might be because with newest version of streamlit the html div classes has changed.
With that if you want to make that to work open the style.css and replace at the card section:
from: div.css-1r6slb0.e1tzin5v2
to: .st-emotion-cache-1r6slb0
I tested on Streamlit, version 1.27.2
Again, I am not sure if those tags are randomly generated at runtime and/or specific to my streamlit section.