Deploy your Python Data App to the Web for Free - Dash

Learn to deploy your Dash data app to the web, using Render for no cost.
Follow and connect with the video creator, Pierre-Olivier Bonin, Data Scientist: / pierreolivierbonin
Render docs:
render.com/doc...
GitHub:
github.com/
Dash Club newsletter:
go.plotly.com/...
Join Plotly's Community to learn more:
community.plot...

[@simonfangos]

I was very sad when i saw that Heroku message and i noticed that my account didnt work. Then i realized i was not alone, and i found this video. Thanks a lot, plotly team :)

[@stargazer8465]

Thank you Plotly team!! Having videos like these is such a brilliant way of sharing your product with us! So informative and helpful

[@Plotly]

thanks for watching.

[@gabrielaserafim2436]

for those who can't upload it i recommend you adding all the libraries youre using to the requirements.txt. i couldnt deploy my code and since i put all the libraries in i could do it. i was using spicy and numpy btw

[@Plotly]

Thank you for sharing your solution, Gabriela.

[@sparshrawlani7130]

That worked like a charm. Thank You!

[@utica2burn]

Any way to deploy directly from Jupyter Notebooks?

[@Plotly]

not yet, but hopefully that will be something we could do soon.

[@amen6569]

Thank you for this video. Can you do one for cloudera please?

[@edgarromeroherrera2886]

As always, thankyou so much

[@203VIDEOS]

Awesome, thank you so much!

[@olgavoz]

Thank you very much! So easy and informative. I did it!

[@Plotly]

congratulations

[@datawithalvin]

thank you! might try it later ☺️

[@precise_pace]

This is great it helped a lot, just struggled with updating latest commits until I checked the `Manual deploy` button to redoply and update changes. It there a way to atuo update the app on render?

[@Plotly]

hi @precise_pace, if your Github repo is connected to Render, the app should actually update automatically every time you make a change in the repo.

[@nathaliasutto7407]

Thank you! You helped me a lot! 👏👏

[@dheekshisings]

Thank you so much! This saved me a lot of time

[@user-jl9mw7uc8d]

File "/opt/render/project/src/.venv/lib/python3.7/site-packages/gunicorn/app/wsgiapp.py", line 48, in load_wsgiapp Jun 17 02:10:02 AM return util.import_app(self.app_uri) Jun 17 02:10:02 AM File "/opt/render/project/src/.venv/lib/python3.7/site-packages/gunicorn/util.py", line 406, in import_app Jun 17 02:10:02 AM raise AppImportError("Failed to find attribute %r in %r." % (name, module)) Jun 17 02:10:02 AM gunicorn.errors.AppImportError: Failed to find attribute 'server' in 'rainfall_dash'.

[@BandhalaRajaSelvam]

I have flask app running with jQuery datatable and some chart JS , i just want to replace those items from the page but remain contact should be maintain , can i have any idea

[@MuhammadRamzan-vh7lr]

How to fix "bash: gunicorn: command not found" I am getting this error after deploying DashBoard Thanks

[@Plotly]

hi, did you add gunicorn to the requirements.txt file?

[@mariogonzalezsauri4632]

It is working, thanks!

[@venkat2132]

Can we export the dash local running app to browser file as html or mht format with callback interactivity. so that we can send that mht or browser file to someone for the quick share instead of deploying to some server?

[@Plotly]

hi @Trending videos That's a very good question, I don't think so. But try to ask this on the Forum. We might get a better answer there.

[@andrewhenderson593]

I was thinking the same, but when I try to open the Html file it doesn't open it. Were you able to do that?

[@DSwithSolaiman]

thank you so much bro

[@danielbertuzzi6953]

Hey, nice tutorial! Do you know how Render handles data source refresh? I have a csv file that's constantly updated in Google Sheets and my app imports data from there.

[@Plotly]

not sure how Render specifically does that. Were you able to connect google sheet to your Dash app locally on your computer before uploading to Render?

[@anantharamaniyer9135]

On GitHub, what's the maximum size of the source data that can be present which is considered best practice ? Let's say if I have a 5GB CSV file with millions of points of lat long and wanted to follow the same process mentioned in this tutorial, will there be a limitation anywhere ?

[@Plotly]

hi @Anantharaman I've never tried that size of data. However, Render has some limitations on their free tier. See more info below. render.com/docs/free#free-web-services

[@AbdulKareemAbdulRahman]

for a newbie, can i understand that this is a way for me to open up a plotly work/project at another computer (not local/not my own) via a browser page?

[@Plotly]

yes, exacetly. It's a way to share a link of your app, so others can see it on the web.

[@EhanGreens]

Hi all, another question. When the mongodb changes i.e. data gets added. Will the deployed app bring those changes in or is there something required for that?

[@Plotly]

hi @EhanGreens, not automatically. You would need to set up the connection to your mongoDB inside the Dash app

[@karupin9893]

Hi everyone! How would you deploy the app from github to render if it's in a folder? Does it work the same way?

[@Plotly]

you should be able to connect the github repo to Render and make it work. Just make sure to check the folder structure.

[@MrQuatsch549]

Where did you put the data can you put it in the same repository and use it in the Code? And ist there a way to do this with a non public GitHub Repo?

[@Plotly]

deploying apps to render needs a GitHub repo, but I'm not sure if it can be private. Give it a shot or email Render or ask on the render forum. They're usually very responsive.

[@Pedro_Israel]

Thank you for the video, really helpful. Nice to see Adam on the Plotly team. I do have to ask, how can I deploy mi multipage app??

[@Plotly]

hi @pedro_israel. We suggest using the smae Render.com for that. This video has an example towards the end. kzbin.info/www/bejne/nF7LcqGbhLKlg7c

[@Pedro_Israel]

@@Plotly Ow that video is really good and answers the question. Thank you!

[@ayomideakinwande792]

How can the default python version on render be changed? It uses 3.7.10 which is different from version (3.10) I used in creating the dash app.

[@Plotly]

hi @ayomideakinwande792, we found this while googling it. Let us know if it's helpful. render.com/docs/python-version#:~:text=By%20default%2C%20Render%20uses%20the,2%20.

[@ayomideakinwande792]

@@Plotly Thank you.

[@belakxvibe4158]

Good video! Any idea why im getting 'ModuleNotFoundError: No module named 'Dash'' File "/opt/render/project/python/Python-3.9.7/lib/python3.9/importlib/__init__.py"

[@Plotly]

hi, it might be because you installed dash (pip install dash) in a virtual environment that you haven't activated. Or maybe your IDE doesn't recognize where dash was installed.

[@belakxvibe4158]

@@Plotly I'm getting the error on Render though. Would still have to sort that out in my IDE?

[@Plotly]

@@belakxvibe4158 that's tricky. There could be many things that cause this. For example, if you installed Dash on your computer and successfully ran the app, that's good because you know it works. But if it works on your computer and not on Render, then maybe you didn't created the correct requirements.txt file. Make sure that the requirements.txt file has all the libraries that your app uses, because that it the file that Render uses to install the correct libraries on their servers.

[@norfan123]

it said ModuleNotFoundError: No module named 'dash_bootstrap_components' , I don't know why

[@Plotly]

hey, You will need to pip install dash-bootstrap-components

[@wiztech2732]

where?@@Plotly

[@Plotly]

in your terminal @@wiztech2732

[@LordDSP3]

Hey, I was trying to run an application based on program. When i tried your method it it showed a error "" Client object don't have attribute "server" "" How do i fix it, can please get any guidance regarding this. 🐈‍⬛

[@Plotly]

never seen that error. When do you get the error? Is it when you try to upload to Render? Does it give more information information in the error message?

[@LordDSP3]

@@Plotly after i deploying process is completed. My app runs for quite few minutes but it still shows that deploying is going on after that it says deploy failed without anu error And app stops working after that

[@LordDSP3]

@@Plotly can i share my github repo

[@Plotly]

@@LordDSP3 Would you like to share your problem on the Plotly Forum? community.plotly.com/

[@inakibelausteguigoitia865]

I have the same problem, how did you solve it?

[@EhanGreens]

Good day, I am trying to deploy a multipage app with no success. How can I find out why the deployment fails?

[@Plotly]

hi @EhanGreens What error do you get?

[@EhanGreens]

@@Plotly , thank you for your response, I get the following error: ERROR: No matching distribution found for numpy==1.23.5

[@EhanGreens]

@@Plotly updated, I downgraded my libraries and I got up to the point of build successful hover this is the new error message "branch_drop := dcc.Dropdown([x for x in sorted(df_Tax2.Branch.unique())])" as used with the dash data table

[@Plotly]

@@EhanGreens oh I see. The error is usually followed with numpy version options. Try to use a different numpy version in your requirements.txt file. The problem is that you're using the latest version of numpy with I don't think Render has on its server. Try to avoid the latest versions of libraries

[@Plotly]

@@EhanGreens I'm not sure what that error means. Maybe if we saw that section of the code, it would become clearer. Can you post that question on the Plotly forum plesae

[@franciscoriquelme5468]

Funciona Perfecto!

[@shreyashchacharkar8323]

How many dashboards we can deploy for free

[@Plotly]

That is up to Render and their policy. We were able to deploy several.

[@joelattoukora9446]

ModuleNotFoundError: No module named 'scipy.sparse._csr' I was to deploy my app following the video but got this error , help me fix it

[@Plotly]

hi Joel, that error usually occurs when Render didn't install all the necessary libraries. Is that library present in the requirements.txt file?