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