Deploy a Plotly Dash data visualization app for free on Google Cloud Run in a few simple steps.
Federico Tartarini Federico Tartarini
8.16K subscribers
13,445 views
325

 Published On Jun 6, 2021

How to deploy a data visualization app that uses Plotly Dash a Plotly express on Google Cloud Run for free. I will show you all the steps and no prior knowledge is required. Please find the source code below.

✅ Subscribe for more videos like this one
🔔 Click on the bell icon to be notified when I release a new video
👍 Please like my video!

⚠️ Join my channel to get access to perks:    / @federicotartarini  
🙏 Support my channel on Patreon at   / federicotartarini  
☕ Support my channel by buying me a coffee - https://www.buymeacoffee.com/FedericoT

🎥 Playlists you may find useful:
➜ Google Cloud Platform:
   • Google Cloud Console  
➜ Beamer LaTeX course:
   • LaTeX Beamer  
➜ Full LaTeX course:
   • LaTeX  
➜ PyCharm course:
   • PyCharm  
➜ Building a documentation website with Docusaurus:
   • Docusaurus  

🎥 Videos you may find useful:
➜ Build and deploy a documentation website using Docusaurus 2:    • Build and deploy a documentation webs...  
➜ Add a glossary to your document containing terms and acronyms:    • Add a glossary to your document conta...  
➜ Write a paper using the Elsevier template:    • How to Get Started and Write a Paper ...  
➜ Overleaf and GitHub integration:    • Overleaf and GitHub integration - syn...  
➜ Review a document in Overleaf:    • Review a document in Overleaf  
➜ Export citations from Mendeley into LaTeX:    • Export citations from Mendeley into L...  
➜ Pandas DataFrame to LaTeX table:    • Pandas DataFrame to LaTeX table - LaT...  
➜ How to use git and GitHub with PyCharm:    • How to use git and GitHub with PyChar...  
➜ Use Grammarly in Overleaf ✍️:    • Use Grammarly in Overleaf ✍️  
➜ TeXiFy - PyCharm IntelliJ LaTeX plug-in:    • TeXiFy - PyCharm IntelliJ LaTeX plug-...  
➜ Nomenclature in LaTeX document:    • Nomenclature in LaTeX document - all ...  
➜ Why you should start using LaTeX now!!:    • 10 Reasons Why You Should Start Using...  

✅ Let's connect:
🌍 My website - https://federicotartarini.github.io/
💻 GitHub - https://github.com/FedericoTartarini
Twitter -   / federicotartar1  
LinkedIn –   / federico-tartarini  

📝 Useful notes:
https://dash.plotly.com/
https://cloud.google.com/sdk/docs/ins...

👨‍💻 Source code:
Dash basic application code: https://dash.plotly.com/layout

Change the last two lines as follows:
```
if _name_ == '__main__':
app.run_server(debug=False, host="0.0.0.0", port=8080)
```

Dockerfile:
```
Use the official lightweight Python image.
https://hub.docker.com/_/python
FROM python:3.8

Copy local code to the container image.
ENV APP_HOME /app
WORKDIR $APP_HOME
COPY . ./

Install production dependencies.
RUN pip install -r requirements.txt

EXPOSE 8080

CMD python app.py
```

Commands to build and deploy the application
```
gcloud builds submit --tag gcr.io/ProjectID/dash-youtube-example --project=ProjectID

gcloud run deploy --image gcr.io/ProjectID/dash-youtube-example --platform managed --project=ProjectID --allow-unauthenticated
```

requirements.txt
```
dash==1.20.0
pandas==1.2.4
plotly==4.14.3
```

🎥 Content of this video:
00:00 - What you will learn
00:10 - Plotly Dash
02:00 - Google Cloud Run
03:30 - Create a new project
10:00 - Deploy app locally
13:00 - Build the application
18:00 - Deploy application on Google Cloud Run

🔣 Keywords:
#Dash #Plotly #PlotlyDash #PlotlyExpress #GoogleCloudRun #GoogleCloud #DataVisualization #WebApplication #GoogleCloudConsole

show more

Share/Embed