I appreciate your contribution to the data science community . Clearly you put lots of prep and thoughts into video production. Thank you thank you thank you

@CharmingData

3 жыл бұрын

Thank you. If you have any questions while building web apps with Dash, let me know.

The only proper Dash Tutorial series on KZread. Much respect.

Excelent work, sincerely this couldn't have been done better!

EXACTLY what I've been looking for. Thanks so much. Very well put together. I can see the high level of care and attention to detail you provide for your video.

@CharmingData

3 жыл бұрын

Thanks Chris. I hope you learn a lot

Fantastic. Very very helpful to see the deployment guide and not just a dash tutorial.

@CharmingData

3 жыл бұрын

Charlie, I also made one on PythonAnywhere which is a bit simpler than Heroku and I believe cheaper as well.

Thank you for taking the time and effort to prepare this tutorial. Very useful for me

52 minutes of graceful teaching. Incredible. Watched this whole video in one sitting. Will revisit about ten more times at least.

@CharmingData

3 жыл бұрын

Thanks Chris. Hope you can become a Charming Data supporter as well.

Excellent tutorial as always. I'm learning a lot thanks to this videos.

You are doing an excellent job dear Adam 🌺🌺🌹🌹

I thank you immensely for the contribution of this tutorial, because after tireless nights of research on the internet, I could not find material on the aforementioned topic.

@CharmingData

2 жыл бұрын

You're welcome @Fernando. For quicker app deployments to Heroku, try dash-tools. I hope to make a video on this in a few weeks. github.com/andrew-hossack/dash-tools

bro, you are a boss!! This is just what i needed, huge thanks from Brazil!

Great work. On point on what I need to do for my current job.

Great job ! Thx for the time you spent on the preparation of the tutorial, really useful !

You have done a terrific job at explaining the mechanics of a Dash multi-page web app. Prior to this, I found it to be quite confusing. Thanks and great work!

@CharmingData

2 жыл бұрын

Thanks Chuck. Also take a look at the new tutorial video on multipage app I created 3 weeks ago. This makes things a bit easier and should be within Dash version 2.2 soon.

Thanks Adam. Really like your video. It is organized systematically and context are super clear. I am recently practicing a lot with dash as well, and trying to gather infos from Internet. Your video definitely helps summarize all the components together and share a clear pictures! Thank u very much!

@CharmingData

3 жыл бұрын

You're welcome @stella. Feel free to let me know if you have any questions while building your web apps.

I appreciate your work...You are doing a lot of hard work for creating beautiful content like this.....Your channel is a gold mine for data visualization

@CharmingData

2 жыл бұрын

Thank you

Simply put, the tutorial is super

As always i'm really grateful with your channel and the content you produce. You're awesome!

@CharmingData

2 жыл бұрын

Thanks for watching 🤗

such a good tutorial, well structured and informative !!!

@CharmingData

3 жыл бұрын

Thank you Alec

Beautiful work.

Thank you so much, everything clearly explained.

By now I have followed a few of your Dash tutorials and as an "advanced beginner" it is very nice to follow. It really helps how you go over all the code and explain what goes where, and why. Thank you very much! A request: with more complex/bigger dashboards the single page code with the layout and callbacks are becoming quite long. Can you do a tutorial on how to split up the layout and callback part of the code? If you have already done so, please provide me the link to the video because I could not find it.

Really great tutorial and an awsome work you are doing. I salute you 👍🏼

Thank you so much, fantastic tutorial!

Commenting for Nth time....! Thank you. Thank you is too small a word to describe what you have been helping me with.

@CharmingData

2 жыл бұрын

I appreciate it Aditya. Thanks for watching

Excellent work.

Thank you so much for the tutorial, this is the most important video for me, Excellent work, I can't thank enough :)

@CharmingData

3 жыл бұрын

you're welcome Vin.

Once again, your videos and resources are critically helpful. Thank you

@CharmingData

3 жыл бұрын

You're welcome @Adrien. Have you built any dashboard apps yet?

@hghlndr2

3 жыл бұрын

@@CharmingData Working on one right now! I started learning Plotly and Dash about three weeks ago. I came into this actually looking to push the boundaries of MatPlotLib, but I stumbled upon one of your videos and was absolutely blown away with the tools this has to offer. It was too powerful not to learn. So here I am now, reading the docs Plotly and Dash has to offer, and then learning how to push the boundaries with your videos! A lot of my current applications currently rely on DiscordPy, communicating over a network. I plan on upgrading all of my programs to use Plotly and Dash, one way or another! I'm grateful you've gotten the attention of Plotly and Dash out there even more. It's made me really happy to be able to learn this tool. Cheers!

@CharmingData

3 жыл бұрын

@@hghlndr2 That's a nice story of how you've got into Dash. I'm happy you see the potential in it. Good luck with your Dash learning journey.

@hghlndr2

3 жыл бұрын

@@CharmingData Thank you very much!

Good job on that man !

Thank you for your amazing work. Really appreciate it

@CharmingData

3 жыл бұрын

You're welcome @penninah. Good luck with Dash.

12:13 deserves special attention for real

Already enrolled at Patreon. Thanks so much for your time.

@CharmingData

3 жыл бұрын

Thank you Julio for your willingness to support this channel. I can't find you on my Patreon. Are you Julio César on my patreon as well or under a different name? Sorry, I can't recognize you from your KZread icon 😞

@Ephestos

3 жыл бұрын

@@CharmingData No problem, my username on Patreon is Alseides.

Excellent :)

I love you man! a small tip to save days!!! In individual apps file, it is layout instead of app.layout. I found it from your git hub codes and solved my problem

@CharmingData

2 жыл бұрын

What do you mean Mohammad?

@mohammadsamirahmed8205

2 жыл бұрын

@@CharmingData i mean, i copied my codes for single page app. I typed app.layout which I had to replace with layout for individual pages.

@mohammadsamirahmed8205

2 жыл бұрын

can you suggest me, where to put junk of codes for user id and password for a multipage app?

I just falll in love with this

@CharmingData

3 жыл бұрын

you're welcome @Muntakimur. When you're ready and have a multipage app, you can watch the deployment of multipage app to heroku

Thank u so much for the video.. I just thought of searching the multi page dashboard in KZread.. And I saw ur video.. Glad to have subscribed ur Channel.. For this dashboard in my Opinion I feel making tabs would be better than links... U can do tabs by dcc. Tabs..

@CharmingData

3 жыл бұрын

Great idea. Thanks Allan

Straight to heaven is where your going good sir ❤️

@CharmingData

3 жыл бұрын

Thank you Eddie. 😊 In case you'd like to support my way to heaven, www.patreon.com/charmingdata

Thanks again! Glad to have connected on LinkedIn as well.

@CharmingData

Жыл бұрын

Thank you for the support @mikhail2003

You are a hero, thanks a lot :)

@CharmingData

3 жыл бұрын

Lograste crear algo lindo con Dash, Iván?

thanks for this video

Thank you!

that was really nice thnx

Hey everyone, many of you have asked for a tutorial on a multipage Dash app, so I'm happy to have finally created one. Don't forget to download all the app files here- github.com/Coding-with-Adam/Dash-by-Plotly/tree/master/Deploy_App_to_Web/Multipage_App, 👉If you benefitted from these tutorials and would like to show your appreciation and support the existence of more tutorials: www.patreon.com/charmingdata

@junyiyu7578

3 жыл бұрын

Hi, I tried to use this tutorial to have two pages but since they are not using the same theme one is dark one is white. They don’t work well with each other. Any solution for applying different themes to two pages?

@bobbuilder2837

3 жыл бұрын

Hi, Charming Data. I am a big fan of you. I want to, how can I share data between multipage dash application. For example i want take dropdown selected data in one page and make a report of that selected option into another page. I have used different callback of each of pages. Thank you if you are willing to help me.

@CharmingData

3 жыл бұрын

@@bobbuilder2837 Thanks for following me, @Bob. I think you can use the dcc.store component. That should allow you to share data between pages. Google "share data with store dash Plotly forum". I'm sure you'll find many posts on the topic. Good luck and happy holidays

@UCMENOTx

3 жыл бұрын

Please update the path to the app files with the new one: Deploy_App_to_Web/Multipage_App

@CharmingData

3 жыл бұрын

@@UCMENOTx hi @Christian, can you please help me understand what you're referring to? Are you referring to this link: github.com/Coding-with-Adam/Dash-by-Plotly/tree/master/Deploy_App_to_Web/Multipage_App

Man , you are awesome

@CharmingData

2 жыл бұрын

Thank you

Thank you so much!!!

@CharmingData

3 жыл бұрын

You're welcome, André.

awesome...please make a video of uploading and processing csv files on dash plotly.

Sorry I couldn’t join you live - looking forward to watching it soon!

@CharmingData

3 жыл бұрын

Hi Richard, No worries. I'm editing the video now. Should be uploaded in about an hour

great! thanks

I was thinking about different kind of "multipage app". More like a multi-window app if you have too much data information. It would have a graph in one browser window and if you would hover on some point in the chart it would show the information of the point in the other browser window, lets say on separate screen. Would something like that be possible in Dash? And as usual amazing videos! You have a great talent for teaching. Thank you.

@CharmingData

3 жыл бұрын

Hi @Jara, i think that's possible with dcc.Store

Hi! First of all, thank you so much for all the videos you made. I've recently approached to Dash and I'm having some problems with the file upload, especially when I have "to pass" the uploaded dataframe to another page of my app. Are you planning to do a video about it? I see that it is a sort of common problem in the Dash Community. Anyway, great job, thanks again!!

@CharmingData

3 жыл бұрын

Hi Matteo. Have you tried using dcc.store()?

@ArtIsABang91

3 жыл бұрын

@@CharmingData Yes, but initially I put the dcc.store() in one specific page and it didn't work. Now I put the dcc.store() in the app.layout of the index.py file and it works! Thank you!

@anuvratshukla7061

3 жыл бұрын

@Charming Data, can you please make a video on uploading, downloading and dd.store () in dash

Excellent work, one question - can make a separate page for links of two dashboards?

Awesome tutorial! It will be great if you could do a video on how to secure dash app with flask-login? And maybe even display the username on dash-bootstrap-nav bar

@CharmingData

3 жыл бұрын

Thanks for the suggestion, @Renjie

I love your videos, I have been watching your videos for a month now and trying to create a really complex app for a school project. I am curious on whether or not you could replace the csv files with a database server, such as MySQL and still be able to accomplish the same tasks. Thanks!

@CharmingData

3 жыл бұрын

Hi Dustin, that is on my tutorial ToDo list. I just need more time to make it :) If you'd like to support me in creating the MySQL tutorial and other Dash tutorials, I'd very much appreciate it. www.patreon.com/charmingdata Good luck with your project and thanks for watching my channel 🙏

@TrevorHaagsma

3 жыл бұрын

Dustin, what is the school project youre working on?

Hey Adam! Big fan of your work, thank you for this awesome tutorial. I'm reading data from sql db, how can I connect the read dataframe across multipage apps

@CharmingData

3 жыл бұрын

Hi Jagriti, Try using dcc.store() dash.plotly.com/dash-core-components/store

Hi! Very informative video! How do I pass a different layout coming from another py file (let's say, another page) to the component_id "page-content" in the index file? Thank you!

Hi..!! :-) Your Plotly Tuorials are amazing..!! With your tutorials I have learned python and have build a app. The app runs perfect in my local machine.. and now I want to host it to web.. It has three code files First One- Pulls some zip file web ... Second One- extract excel files from the zip files and creates five master files Third One - Used the master files to generate graphs with some drop down functions Can you please show a way out to deploy the same to web? Note: I want to app to fetch the data at 9:00 pm and update the master files.

Thanks a lot bro. Love from India ❤️❤️. Just a small request, can you make a multiapp web page with simple login/logout/sign up functionalities while keeping the session state constant. I was trying to do it, but I am facing many issues while keeping up with the session state

Hello! Great video! Brilliant channel! I have a question about deploying Dash Apps. Can I deploy a Dash app on any web server? If yes, what do I need for it?

Hi..Thank you so much for these very informative and clear videos...Do you plan to make a tutorial on how to deploy a Dash App to an institutional (i.e. University owned) server, using Apache2 or similar?

@CharmingData

3 жыл бұрын

Hi Manuel, I'm going to try to create that tutorial but I have to learn how to do it and make sure I have the resources needed. If you'd like to support these tutorials, I would really appreciate it. www.patreon.com/charmingdata Thanks for watching my channel. Adam

Thank You for the tutorial. please tell how to create the datatable to arrange the multipage app links?

Amazing tutorial, thank you for this! What are some methods for automating uploading a CSV file on a weekly or monthly basis for this project?

@CharmingData

3 жыл бұрын

You can try to connect to an API and upload the information that way. With csv, i usually do it manually

@chriskeo392

3 жыл бұрын

Maybe an individual job using cron? Or task scheduler I use both of these methods and tie it to an email so I Know it runs.

Top

Thanks! Did you or will you cover the authorization as well, please?

@CharmingData

2 жыл бұрын

hi Orlanino, I did cover dash authorization. Here it is: kzread.info/dash/bejne/f6yF1smFhqjXkrQ.html

Hi, thanks for the great work. Can we build the app using jupyter notebook or colab?

@CharmingData

2 жыл бұрын

not that I know of. But if you're successful, please let us know how you did it.

WoW

👏👏👏

Hey! Great video! Thank you so much! Is it possible to use Bootstrap css and a own css file? If yes, how?

@CharmingData

3 жыл бұрын

Hi Stefan, you can use as many css files as you'd like. Just put them inside the assets folder, like I do in some of my videos

What python formatter do you use and recommend? Autopep8, Black or Yapf

@CharmingData

3 жыл бұрын

Hi @Camilo. I use black and like it so far. I haven't tried the other two. I think Plotly uses black as well. Let me know if you choose autopep8 or yapf. I'm curious if they're good too.

hi, thank you very much for your videos, they are very helpful. I am trying to follow the explanations on this video to create a multipage app, but, is there any way of doing this without using Heroku?

@CharmingData

2 жыл бұрын

Hi Natalia, yes we're working on a beta version of multipage apps. See my video on multipage app

Thank you Adam for your videos! I am having problems when I do the heroku login, it says invalid request.. do you know any reason why this could happen?

really appreciate your help sir, can we represent data in normal paragraph by drop down

@CharmingData

3 жыл бұрын

What do you mean @Rohit?

Hi, I got a question again: You know about this 'Multiple callbacks for same Ouptut'-error which you get when you have more than one callback addressing one or more identical Outputs?.. So I am trying to bypass this error rn... But for that, I'd have to combine two callbacks that operate on 2 different pages, they use Inputs/States about components from their distinct pages, so I end up getting the 'Unknown Input/State'-exception. How do I solve this dilemma??

thank you for this video can i import dash bootstrap components instead of the css file????

@CharmingData

2 жыл бұрын

for sure, @khaoula. You can do import dash_bootstrap_components as dbc at the top part of your code.

Canada didn't order anything from mid-west states? that's outrageous!! (JK. good job man I have learned a lot from your videos. thanks)

@CharmingData

2 жыл бұрын

Thanks Frank Jia

Thanks for the tutorial! Do you know how to do that on cPanel hosting?

@CharmingData

3 жыл бұрын

Sorry, no i don't.

After importing the data in the vgames file, if we clean the data or filter specific rows, would we need to save the new cleaned data in the datasets folder?

@CharmingData

3 жыл бұрын

Hi @Siddharth, yes, you would. Unless you want to clean the data in the code, but that means that every time a user runs the app, the data gets cleaned, which might be a waste of resources.

@siddharthdhote4938

3 жыл бұрын

@@CharmingData Thanks Adam, I applied your suggestion and I now have much cleaner looking code. However, I still have three more questions 1. Does Heroku CLI and the folder with the virtualenv need to be in the same directory that is C, D, or E? My Heroku CLI is created in the C drive whereas the app folder with virtualenv is in E drive. 2. I am getting an error called worker failed to boot, what does it mean ? 3.Can we use Dash Bootstrap Components within the python files for this example?

Your tutorial is so helpful thank you! I successfully deployed my multi-page app. But there is a wired problem, I simply make my app2 the same as app1, when I open the app and click on the links, it doesn't respond! And it doesn't show any error. But if I comment out the callbacks of app2, the app works fine. I'm so confused...

Hi Adam Thanks for the nice video as always. I just cloned the git repo for this video and running app.py exits without error or doing anything!? Anything I should do to launch the dashboard locally?

@CharmingData

3 жыл бұрын

Hi, you should run the index.py file locally, not the app.py. Did that not work for you?

@capturelife6647

3 жыл бұрын

@@CharmingData perfect, works like a charm! Thanks man.

very nicely explained......could you please tell how to redirect from dash page to flask page

Hey, In the home page how are the plots being displayed without the code?

Thanks Adam for your amazing videos. Thay are always helpful. I am trying to make a multipage app and I came to a strange problem. All pages of my app are working fine separately. I also can make a 3page app with any combination of my single pages. but as soon as I add the fourth page, It does not show anything on server. There is just the links of pages, but non of them show the page layout (just blank pages)!

@CharmingData

2 жыл бұрын

Hi @Negar, there's a need way to develop multi page app. It's still a beta version but it won't change that nick from here. github.com/plotly/dash-labs/blob/main/docs/08-MultiPageDashApp.md

@cheshmbolboli

2 жыл бұрын

@@CharmingData Thank you so much for your fast and comprehensive reply. I really appreciate it.

Hello, do you know if its possible to get some sort of landing page in Dash. Example: the UI first page shows me a menu of items, I click on an item and it then takes me to a page associated with that item

@CharmingData

3 жыл бұрын

Hi Alison, maybe you can do that with Dash tabs or dash multipage app. I have a video on that

hello nice presentation very helpful, I was currently doing it but having problem in pushing it in Heroku. error is push rejected, failed to compile python app

Great guide. my app is written with bootstrap but when i call him like you showed here, it looks like all the design has changed. what should i replace in the index.py file?

@CharmingData

2 жыл бұрын

hi, what version of dash bootstrap components are you using?

@philgarciaweir

2 жыл бұрын

@@CharmingData I am having the same issue, using dbc 1.0.3.

@philgarciaweir

2 жыл бұрын

Never mind, I deleted the css file in the assets folder and that fixed the dbc styling I had in each of my individual apps. Awesome guide, awesome channel!

@CharmingData

2 жыл бұрын

@@philgarciaweir I'm glad you found a solution @Chip

Adam, Different changes that I make and save is not reflected with regular refreshing of webpage and I have to quite the index.py and rerun it again. Is there any remedy for that?

@CharmingData

3 жыл бұрын

Right. That's normal. Changes to the CSS should appear if you refresh page, but changes to the code would appear only after saving and re-running

could you please make a video about multipage app with different user? i'm looking for it and i got nothing. for example, there 3 user with different level (admin,operator 1, and operator 2). admin can access to all pages, but operator only can access at some page. can u help me about this?

This is a great tutorial ! Thank you. Can you help with error - ModuleNotfound No Module named 'app' ? I have double checked that app is spelled correctly and is not in any folder but still getting this error.

@CharmingData

2 жыл бұрын

Hi Anuj what does your folder structure look like?

@CharmingData

2 жыл бұрын

And when do you get that error?

How to do a multiple page that share the same callback input but different output in the different pages ?

When merging Multiple pages like (page1, page2) in one index. There is no problem while running the file but the callback function in page1 file are not working and not being able to show the graph. why is this happening? How to solve to this problem?

How can i change the colour of the page selected in the nav bar?

Hey, I am trying to run a multi page app using your structure and for some reason the pages won't load, The pages run individually but not as a multi page. Can you please help?

@CharmingData

3 жыл бұрын

Hi Brandon, unfortunately my time is really limited. But I do offer consultation to my supporters on KZread or www.patreon.com/charmingdata

Thanks for your awesome video. If instead of figure, I want to return dfv_fltrd.to_dict('records') and show it as datatable what should I use? I tried html.Div(dash_table.DataTable(id='data-table-id')) in the layout but I am not getting anything :(

@CharmingData

3 жыл бұрын

Hi Negin, try just html.Div(id='page-content') in the layout. Then use the callback to filter data and return a DataTable to the children of 'page-content', something like this: return [ dash_table.DataTable( id='datatable-interactivity', columns=[ {"name": i, "id": i, "deletable": True, "selectable": True, "hideable": True} if i == "iso_alpha3" or i == "year" or i == "id" else {"name": i, "id": i, "deletable": True, "selectable": True} for i in df.columns ], data=dfv_filtrd.to_dict('records'), ] The information in columns is fake. Don't pay attention to that

@neginpirannanekaran1236

3 жыл бұрын

@@CharmingData Thanks a lot for your help.

Can anyone perhaps help. I have an ETL that runs to create a single dataframe so all pages graphs can read from the same df. Where do I place that df and call it so that it only executes once and not necessary to place it within each page. Thanks all

I am following your instructions but I keep getting a traceback that says my page files don't have the layout attribute to be returned. Im not sure why this is happening. My app files start the main html tree with layout = html.div(children[...]). Do you have any ideas why this would be happening?

@CharmingData

3 жыл бұрын

Philip, does your app work when not on heroku, on your computer?

nota bene at 3:04: to run this program run the "index.py" file (right top corner). Do not run app.py.

@CharmingData

3 жыл бұрын

Thanks for notifying everybody, @mikojan85channel

Will this not work with a Dash Bootstrap container? That is the only thing I can think of to explain why this isn't working for me.

@philgarciaweir

2 жыл бұрын

Never mind, I figured it out. Thanks so much for this video/channel, it is incredibly helpful!

Fantastic content. Saved my hours of work many times. Now its time to move on and build multipage app for me. I was thinking how can I link to a custom html file which has nothing to do with dash functionalities. I did not build any file structure yet, it is all in the same folder. does it reqire an app.Callback to make just a link? I just did dcc.Link() andI am able to see the link on dash app but when i click on it it does not bring me there. any idea?

@CharmingData

3 жыл бұрын

Hi @Kamil. I'm glad my tutorials are helping you. If you'd like to support this independent work and help me make more high-quality tutorials, I'd be grateful. www.patreon.com/charmingdata You also get additional consultations with your support. Yes, you should use a callback with dcc.link (). How are you using the callback? What's the input? And what happens when click on the link?

@whyparch

3 жыл бұрын

@@CharmingData Thanks I have figured out how to deploy multipage dash! However still having some troubles... Dashboard is keeping reloading on it's own and it is in Updating status forever... any thougts on that?

@CharmingData

3 жыл бұрын

@@whyparch hi Kamil it's very hard to solve the issue without the code. I would need to see it.

This may help others with a problem I had: ERROR: Could not find a version that satisfies the requirement pandas==1.2.0 (from -r /tmp/build_92bae818/requirements.txt delete requirements.txt file pip install pandas==1.0.0 run this again: 1. pip freeze > requirements.txt 2. git commit -am "initial launch" Adam, would you know why 1.2 didn't work here?

@CharmingData

3 жыл бұрын

Hi Chris, thanks for sharing your solution. This error might have occurred because Pandas 1.2.0 is a very recent release, and Heroku might not work well with that yet.

When I run the app locally on my personal computer the app works fine. But when I tried it on my work computer, I have to manually refresh the page when I hit the links for the other pages in the dash app. So when I click the link for /apps/vgames, I have to refresh the page then the content shows up. Do you have an idea why this occurs?

@CharmingData

3 жыл бұрын

I'm sorry @saisam99 That never happened to me. I'm not sure why it's happening to you. Maybe other users here would know.

@Saisam99

3 жыл бұрын

@@CharmingData Do you think this has to do with where I place my dcc.Location() in the app layout?

@CharmingData

3 жыл бұрын

@@Saisam99 maybe. Send me your code. I'll try to take a look this weekend or next week as soon as I have a few minutes free. info@charmingdata.org

How to run it offline? I removed app=app.server. But when I run it, it says dash.exceptions.DuplicateIdError: Duplicate component id found in the initial layout: `url`

@CharmingData

3 жыл бұрын

Never saw this error, Anuvrat