Plotly Dash Tutorial - Interactive Python Web App Development

[@TaintedIron]

Great tutorial! I’ve been coming back to this video for over a year. Always a great refresher.

[@CharmingData]

@@TaintedIron thank you. Feel free to join the charming data learning platform where we work on data viz and ai projects together. charming-data.circle.so/feed

[@fungfung0315]

Best tutorial for beginner. I am new to Plotly Dash and this tutorial save me a lot of time. Good Job.

[@CharmingData]

thank you for watching and for supporting my channel, @Fung Ling. Good luck learning Dash.

[@kharutyunyan82]

Best practise I've seen ever! Thank you very very much! No words to describe my appretiation. It's amazing! You make people more happier, man!

[@귀신고래-m9m]

plz, make dash and flask connection lecture video!

[@umermalik6561]

VERY AMAZING EXPERIENCE WITH YOU. I TOOK ALL OTHER COURSES FROM KZbin BUT THEY WERE TIME WASTING. LOVED ALOT THIS COURSE

[@andresladinopro]

Thanks!

[@CharmingData]

Thank you so much Andres Ladino. I'm glad you liked it. Good luck with you Dash learning journey.

[@AwkwardTruths]

Oddly, I just found Plotly Dash today because I was searching for python and 'magic mirror'. This is a great introduction video -- I've subscribed and will be visiting often. Thanks for the tutorial(s).

[@johaojav9812]

You are amazing!! I want to join but I dont have a good economic condition for now. As soon as I get a job, ill join to your channel! Thank you so much! ♥

[@gazul05]

Impressive... as always... thanks for sharing... greetings from Mexico.

[@CharmingData]

Thanks for watching @guadalupe

[@TimePasser]

I started using dash plotly because of you. Thank you very much. I completely changed the automation from boring looking excel graphs into more interactive web apps dashboard. There is a learning curve. but worth it. i cant thank you enough. A suggestion if you may have a time... possible to have a tutorial video on how to deploy the app into a dedicated server? such as linux server or Webhosting dedicated server? Thank you again for the great work :) Stay Safe, Long live in prosperity :)

[@CharmingData]

Thank you for sharing you experience. I'm glad this channel has been helpful for you.

[@WhiteLemon_Official]

thank you for this superr detailed tutorial of dash app!

[@alzbetahurova5606]

Amazing explanation! Thank you :)

[@NanaOkyere]

You're doing God's work, Adam!

[@CharmingData]

Thank you Nana

[@NoWhiteGullibility]

Very nice work here, really breaking down the structure

[@sean7891233]

thank you Adam, you're the best!

[@carlosmarchiori9933]

Thank you so much. You made it look easy!

[@isaacnthusa4770]

Thank You Adam. You are doing a great work.

[@IncomeBoost42]

Great job explaining Dash, keep it up!

[@mangaart3366]

Thanks for the tutorial really helpful!

[@gabrielalves8106]

Amazing content! Your approach is very detailed.

[@CharmingData]

Thank you Gabriel

[@wiztech2732]

Great tutorial , probably you can make a Choropleth map based on analyses Olypic medals such that chart two and chart three connected.

[@gerdine9258]

Your content is absolutely great. I would also love a video on how to incorporate highcharts into a dash app. That would be of amazing help

[@mb345]

Great tutorial! Silly question. In the @app.callback decorator do you need to list the outputs first and then inputs, or could you have 'Input(dropdown, 'value'), Output(mytitle, 'children'), Output(mygraph, 'figure'). For some reason my brain wants the wire up the inputs first and then those flow to outputs.

[@CharmingData]

If you write the callback like I did in the video, you would need to declare the Outputs first, then Inputs, then States if you use them. But you can instead use flexible callback signatures: dash.plotly.com/flexible-callback-signatures That should allow you to put things in any order you'd like.

[@profeme]

Thanks for your video. It was a very good first time intro to Dash. Can you have multiple callback functions in your app for different components?

[@CharmingData]

Yes, you can have as many callbacks as you want in Dash, and every callback can connect between different Dash components

[@ramonvankol8166]

Love the content! Keep up the good work

[@CharmingData]

Glad you enjoy it! Thanks for watching.

[@adityanjsg99]

Sir please make video on integration g Dash within flask. Dash on its own is inadequate. Thanks.

[@mona-moghimian]

I 'm new in dash. thank 's alot

[@CharmingData]

You're welcome @mona-monghimian. Don't forget to join charming-data.com/ where we all learn Dash and Plotly together.

[@jormerbermudez9314]

Hola, cómo puedo especificar el mapa coroplético de Colombia con todos sus departamentos. Gracias.

[@CharmingData]

hola, tienes que conseguir el geojson de Colombia. Después, tendrás que leerlo dentro del mapa. Hablan de este proceso acá: community.plotly.com/t/choropleth-map-for-european-country/40803 Aquí también hay una buena pista: community.plotly.com/t/choropleth-of-a-country-distinct-than-usa/4741/2?u=adamschroeder

[@jormerbermudez9314]

@@CharmingData Muchas gracias por su respuesta, voy a revisar. Saludos

[@jimmyfeng5456]

Please do follow up with the app deployment tutorial, I greatly appreciate you :-)

[@mona-moghimian]

I saw and practiced this tutorial. But exercise 4 was not executed(alert). Error "@mantine/core: MantineProvider not found in component tree, make sure you have it in your app" Please help, thanks

[@CharmingData]

I would try re-installing or checking the version of the dash-mantine-components library. This video was made with previous versions of dash-mantine-components, but the latest version is 0.14.0 which breaks past code.

[@mona-moghimian]

thank you

[@milanero2277]

Dash_More_Advanced_Shit - love it!

[@baby_illinois]

this did not work in Jupyter for some reason. Any idea why? I successfully pip installed everything but it's still telling me there's no module called dash.

[@CharmingData]

Try using dash 2.11.1

[@baby_illinois]

@@CharmingData I will give this a go! thanks

[@imveryhungry112]

Hello I have noticed that if I try to update the same graph from multiple callbacks the app doesnt work. The callbacks attempt to return the "figure" attribute for the same graph component. Is this something were not supposed to do? Or is there some simple way to turn this feature on I just dont know about?

[@CharmingData]

hi there, to do that, you will need to add allow_duplicate=True dash.plotly.com/duplicate-callback-outputs#setting-allow_duplicate-on-duplicate-outputs

[@imveryhungry112]

@CharmingData nice. Thank you. Dash is a beautiful framework thanks for creating it.

[@bon8131]

is plotly able to recreate the students t distribution and then mark a given t value?

[@mehdidata7809]

Thank you very much

[@medhavikulkarni7007]

Hi Adam could you please help me with a doubt. My dash app, has 4 pages. Each page is getting its data from rest API calls . Could you please suggest me a way so that all these pages keeps updating the data via rest api call every day. Like how can we use the method of live updates in a multipage app ?

[@CharmingData]

it's complicated wtih Rest API. But you can use the dcc.Interval and pull the data into your app every X time.

[@mprerr8967]

Thanks a lot for the videos you've done, they helped me A LOT while learning Dash. Any chance you'd make a video about how to use Dash with Leaflet? I recently learned that this is indeed possible, but there's very little documentation and resources on the web about this combination. Especially about how to make the Dash components such as sliders, drop downs and so on play together with Leaflet in the sense that the options you make on your Dash app would affect the things rendered in your Leaflet map. Sorry for the messy explanation, but essentially anything about the combination of Dash + Leaflet would be cool. Thanks again!

[@CharmingData]

Hi Matthew. Thanks for your suggestions. That's a good idea. I'll add this to my todo list. Maybe sometime in June.

[@mprerr8967]

@@CharmingData Brilliant, much appreciated!

[@jimmyfeng5456]

@@mprerr8967 It might be worth taking a look at the leafmap package developed by Dr. Qiusheng Wu at the University of Tennessee, Knoxville; he's customized a leaflet mapping platform with many widgets for both analysis and visualization. The integration with plotly is still lacking but it might help to see what others have also done in the space with different packages and approaches.

[@ahsergh]

thanks

[@tombatro]

Always great content and well explained! Question: I would like to animate choropleth map with a datetime formatted column. Do you know if this is possible?

[@TalesIncs]

thank you.

[@VitorGondim]

amazing content! thank you so much. however, I'm having issues with the choropleth. when I run the code I get an error message about the length of the color argument and the length of [STATE, YEAR] . Anyone else with the same problem?

[@CharmingData]

Hi Vitor. Did you change anything in the code or did you run it exactly as I had it in the video?

[@sjord588]

Hello! :) Has anyone used Safari browser to run dash2.py ? I have ModuleNotFoundError: No module named 'dash". :(

[@CharmingData]

What's dash2.py? Is that where you put your dash app?

[@lucytodd8847]

I find your videos incredibly helpful thank you so much! I'm doing a PhD project that involves designing an interactive network and I was wondering if you've discussed in a previous video whether there was a way to integrate a dash.cytoscape network into a plotly.dash.3d_scatter_plot? I've written both out seperately however, I'd like to have the network edge/node structure (along with the node images and such) integrated into a 3D scatter plot - is that possible to accomplish through Dash? Thanks! :)

[@CharmingData]

Hi Lucy, Thank you for your comments. I've never tried that but I'm not sure it's possible unless you do some hacking. You can have them speak to each other but I don't think you can have one integrate into the other.

[@lucytodd8847]

@@CharmingData Ah okay, good to know, thanks!

[@jimmyfeng5456]

@@lucytodd8847 I would be very interested in knowing what you come up with if you end up hacking together a solution combining a cytoscape + 3d plot -- please share any tutorials in the future!

[@AnuragSingh-lh9cd]

Hy. Your tutorials are extremely helpful. i would love to Join your channel. Can you please make a video where a dash datatable is connected with external dropdown along with other object so that with single drop down all the objects are changed.. Can you guide me regarding this in you personal 20 min session available for Hero joiner?

[@luiz_mubarak6804]

Olá, tudo bem? Espero que sim, voçê poderia me ajudar? tenho que fazer um Dashboard em Python mas estou com problema para relacionar e imprimir no broswer o gráfico, se precisar do arquivo posso enviar,seria simples, os seus videos são muito bons, voçê é um bom professor de python e Dash, aguardo resposta, obrigado - não escrevi em inglês por que estou matriculado na escola e comecei agora.

[@CharmingData]

Hi Luiz, Por favor me envie o código e eu vou tentar ver qual é o problema. Qual mensagem de erro você recebe? [e-mail]

[@luiz_mubarak6804]

@@CharmingData Boa noite Adam, envie a mensagem, muito obrigado mesmo, no seu E-mail

[@adriansoto6841]

Thanks!

[@CharmingData]

Thank you Adrian :) Much appreciate your contribution.