Web Data Dashboard with Plotly express and Flask Python and JavaScript

Hello guys, in this video, we'll go over plotly express from Python library and learn how to create a flask web dashboard with plotly express, flask, Javascript, bootstrap and HTML/CSS. Lets get started.

Ever wonder the difference between Plotly Express and Graph Objects? Learn all about Plotly and how to navigate its documentation so you can create powerful graphs, charts, and plots.

An introduction to the Dash web application framework. Dash is used to create browser-based interactive data visualization interfaces with Python. My goal is for you to understand how to use Dash. To open links below...

- Plotly
- Plotly-express
- Flask
- Python
- AOS JS library
- Flask and plotly dashboard
- Data science dashboard with python
- Bootstrap
- Replace plotly-dash

Please like, share and subscribe to this channel for more of such videos

[ranjeet_sohanpal]

Thanks for this tutorial. My first time working on Website Development being a Python/cpp person

[lucasmunaro]

Thank you bro. I'm from Brazil and I can't find any content with a quality as good as yours. From the bottom of my heart, please keep making videos, you helped me a lot.

[djdandan]

THANK YOU! Super helpful for learning how to build a very basic dashboard for beginners.

[pedrocarot]

Thank you very much bro. Amazing video, thanks to you I've been able to make my flask app work. Now I just have to figure out how get to show a second graph in a different web inside the flask app.

[muchirajunior]

Great Data visualization deployment for data science 👍👍👍

[Rodiisilva]

Thank u, sir. This is exactly what I need.

[alialthuwaini]

Thank you. It is a good session to understand how to visualize data through Flask apps. I'd appreciate having more references to the same subject. Youtube videos preferred over other types of references

[idirhouari]

Cool video and very helpful thank you ! Warning at 33:47 the sound literally destroyed my ears and scared the shit out of me ..😂😂

[leodeng]

Great tutorial, you are prince, Looking forward to your next video.

[musicbyasher]

Bro you're sorted for any IS project 😂. Great tutorial as well!

[whomakesdabeats]

Thank yo so much for making this.. Really helped me get past a road block in my project! I wanted to ask, do you know how to work with the sizing pf the chart so that it always fits inside of the div? not sure if it can be done with css or something? If i make my div too small, the size of the chart exceeds the size of the div. I'm struggling to figure out how to do this! thanks!

[orlanino]

@Code With Prince, can you do the example with plotly table, pls?

[shashikantrrathod]

Hi, Your lectures are really useful to create dashboards using plotly dash in efficient way. Just have one questions ? How we can export these dashboards either in PDF or PPT using dash?

[DD-ymyf]

Thank you for this wonderful video it's really very full. I didn't get any visualization on my renderind page, i can only able to render the paragraph that typed in html page.can you help me through this?

[bandhalaraja]

Hi Thanks for your video, i have one doubt. how can we use this in jinja templates, i have multiple JS file in my project.

[legalpurposes]

Hi where the dataset come from? it can possible to inputted different csv files?

[GotDeCreeps]

Hey, this part of my code does not work, and i get no visual shown:

<script>
var graph1 = {{ graph1JSON | safe}};
Plotly.plot("chart1", graph1, {})
</script>


Any ideas? I have checked that all the names are correctly written and correspond to the prior definitions

[swapdub]

At around 33:58 it almost seemed like a ghost possessed your mic. If you can, please fix it. Thanks

[quantumthoughts]

Can we create a dash dashboard and api in one project?

[mennanazmi]

module 'chart_studio.plotly' has no attribute 'utils' ?? error