************************************************************************ ? Your support keeps Charming Data running, which is proudly a 100% member-supported educational channel:
This tutorial will show you how to share data between pages of a multipage app. There are 3 ways to share data in a Dash app:
1. in the app user's browser (dcc.Store),
2. on the disk (e.g. databases),
3. server-side memory (e.g. Redis).
We will focus on the dcc.Store, where data shared should not exceed 10mb.
My GitHub Code:
https://github.com/Coding-with-Adam/Dash-by-Plotly/tree/master/Dash_More_Advanced_Shit/Sharing_data_multipage_app
Dash Docs Sharing Data:
https://dash.plotly.com/sharing-data-between-callbacks
Dash Docs Store Component:
https://dash.plotly.com/dash-core-components/store
Video layout:
00:00 - What you will learn
01:58 - App file - Storing Initial Data
06:50 - Bargraph file
08:27 - Building the Dropdown
10:54 - Building the graph
14:02 - Table file
************************************************************************
? Your support keeps Charming Data running, which is proudly a 100% member-supported educational channel:
Patreon: https://www.patreon.com/charmingdata
GitHub: https://github.com/sponsors/Coding-with-Adam
YouTube: https://www.youtube.com/channel/UCqBFsuAz41sqWcFjZkqmJqQ/join
...
https://www.youtube.com/watch?v=Np090pWEjIs
Demo of a Python app that includes a shape file, a scatter mapbox and a bar chart with Dash, Plotly and pandas. This app was part of the Colombian Wildfire project on Charming Data, and it was built by Laura, an electronics engineer working in the semiconductor industry who is passionate about data.
Special thanks to Olger Ferreira Pacheco for coming up with the project idea.
Charming Data Monthly Projects:
https://charming-data.circle.so/c/ai-python-projects/colombia-wildfire-monitoring-awareness-app
Code for app:
https://github.com/topaccina/CO_Wildfires_Dash_v1/tree/main
Quick app demo video:
https://www.youtube.com/watch?v=6A0SWxKcplc
Laura's (app author's) LinkedIn:
https://www.linkedin.com/in/laura-lorenzi-14885a12/
Video layout:
00:00 - About the project
03:35 - App demo
06:59 - Scatter-mapbox
08:26 - Weather data
10:33 - Weather API
14:04 - Wildfires inside parks
16:51 - Geopandas
20:02 - Next Python project
...
https://www.youtube.com/watch?v=a4X7wXfs8RA
We'll be closing out 2022 and sharing what you would like Charming Data to focus on in 2023.
If you're interested in having your own Dash tutorial video highlighted on Charming data, I invite you to create and share them with me. Feel free to use this session to let me know what topics you would like to create videos on.
...
https://www.youtube.com/watch?v=X-5o3CFusrk
Use Dash to build the frontend interface for a Langchain agent with Tavily -- a web search tool. Unlike ChatGPT, this agent can help you with almost real-time data.
Charming Data:
https://charming-data.circle.so/home
Code for app:
https://charming-data.circle.so/c/langchain-education/build-a-langchain-agent-that-can-search-the-web-with-frontent-dash
Tavily API key:
https://app.tavily.com/home
OpenAI API key:
https://platform.openai.com/api-keys
Tavily web search tool:
https://python.langchain.com/docs/integrations/tools/tavily_search/
Video layout:
00:00 - App demo
01:19 - Code and .env file
02:02 - API keys
02:48 - Installation and run app
03:36 - Loading keys into app
04:34 - Add Langchain Agent
07:22 - process_chat function
08:40 - Dash layout
09:35 - Callback
11:45 - Dispaly response
12:54 - Chat history
************************************************************************
? Your support keeps Charming Data running, which is proudly a 100% member-supported educational channel:
Charming Data Community: https://charming-data.com/GitHub: https://github.com/sponsors/Coding-with-AdamYouTube: https://www.youtube.com/channel/UCqBFsuAz41sqWcFjZkqmJqQ/joinLinkedIn: https://www.linkedin.com/in/adam-schroeder-17b5a819/
...
https://www.youtube.com/watch?v=UARyjYaCekM
Create interactive graphs for your dashboard, using the hover data. In this tutorial, we'll learn all about the Dash Graph properties and how to use them to customize the dashboard experience. Connecting the line chart with the pie chart through the hover data is one way. But you can also connect graphs with the clickData and selectedData, which we'll review as well.
Code:
https://github.com/Coding-with-Adam/Dash-by-Plotly/blob/master/Dash%20Components/Graph/dash-graph.py
Graph Component Documentation:
https://dash.plotly.com/dash-core-components/graph
Video layout:
00:00 - App demo and what you will learn
02:52 - Getting started (libraries, data, layout)
04:41 - Graph attributes
11:43 - Connecting Graphs via Hover
18:53 - Other important Graph attributes
************************************************************************
? If you appreciate these tutorials and would like to support their existence, while enjoying additional Dash Plotly tips: https://www.patreon.com/charmingdata
...
https://www.youtube.com/watch?v=G8r2BB3GFVY
A summary of all that you need to know for getting started with Dash to build web apps in Python.
My GitHub Code:
https://github.com/Coding-with-Adam/Dash-by-Plotly
Learning resources:
https://github.com/Coding-with-Adam/Dash-by-Plotly/blob/master/Good_to_Know/Dash2.0/learning-resources.md
Exercises to practice Dash:
https://github.com/Coding-with-Adam/Dash-by-Plotly/tree/master/Good_to_Know/Dash2.0/Exercises
Get my Dash Book:
https://www.barnesandnoble.com/w/python-dash-adam-schroeder/1141355104?ean=9781718502222
Video layout:
00:00 - What you will learn
00:51 - What is a Dash App
02:24 - Tutorial code
03:23 - Execute code directly online
04:11 - Hello-world file
05:14 - Components and Layout
06:58 - Interactive-app file
09:05 - Callback
14:06 - app-with-graph file
17:41 - Callback
20:27 - Dash2.py file
24:50 - Callback
28:54 - Exercises and learning resources
31:48 - Deploy your app to the web
************************************************************************
? Your support keeps Charming Data running, which is proudly a 100% member-supported educational channel:
Patreon: https://www.patreon.com/charmingdata
GitHub: https://github.com/sponsors/Coding-with-Adam
YouTube: https://www.youtube.com/channel/UCqBFsuAz41sqWcFjZkqmJqQ/join
...
https://www.youtube.com/watch?v=7m0Bq1EGPPg
Learn to deploy your Plotly Dash app to the web using pythonanywhere, and add a username and password.
Charming Data monthly community projects:
https://charming-data.com
Pythonanywhere platform:
https://www.pythonanywhere.com
Cheat sheet:
https://github.com/Coding-with-Adam/Dash-by-Plotly/blob/master/Deploy_App_to_Web/my-app/cheatsheet.md
App files:
https://github.com/Coding-with-Adam/Dash-by-Plotly/tree/master/Deploy_App_to_Web/my-app
************************************************************************
? Your support keeps Charming Data running, which is proudly a 100% member-supported educational channel:
Charming Data Community: https://charming-data.com/
YouTube: https://www.youtube.com/channel/UCqBFsuAz41sqWcFjZkqmJqQ/join
LinkedIn: https://www.linkedin.com/in/adam-schroeder-17b5a819/
Patreon: https://www.patreon.com/charmingdata
...
https://www.youtube.com/watch?v=2N6brnOUZvU
The Callback is the most important element in Dash. You need to know it so you can create interactive dashboard apps. In this tutorial I'll show you how to use the callback to connect between the various components of your app, such as the dropdown, the graph, and the pie chart.
Code:
https://github.com/Coding-with-Adam/Dash-by-Plotly/tree/master/Callbacks/Basic%20Callback
Data:
https://drive.google.com/file/d/1Nzzgicl40kngNwR9gdbWHV2pEa_0iPk0/view?usp=sharing
Dash Documentation:
https://dash.plotly.com/basic-callbacks
Supporting Document:
https://drive.google.com/file/d/1iodFsR95JSqbqpWx0P21auoXZ6eVpMCR/view?usp=sharing
Video layout:
00:00 - What you will learn
02:37 - Start coding
04:29 - Single Input and Output
11:35 - State, PreventUpdate
17:03 - Multiple Output and Input, Dash.no_update
22:49 - Callback facts you need to remember!
************************************************************************
? If you appreciate these tutorials and would like to support their existence and get some perks: https://www.patreon.com/charmingdata
...
https://www.youtube.com/watch?v=mTsZL-VmRVE
Using Dash-tools you will learn to deploy your Dash app to the web in under 3 minutes. I will teach you several deployment methods and show you how to update an app that has already been deployed. The goal of this video is to make it easy for you to share your Dash app with anyone around the world.
My GitHub Code:
https://github.com/Coding-with-Adam/Dash-by-Plotly/tree/master/Deploy_App_to_Web/Heroku-Dash-tools
Dash-tools repo:
https://github.com/andrew-hossack/dash-tools
Get my Dash Book:
https://www.barnesandnoble.com/w/python-dash-adam-schroeder/1141355104?ean=9781718502222
Video layout:
00:00 - What you will learn
02:00 - Installation
02:48 - Difference between example A & B
04:05 - Example A - Step 1 & 2
05:17 - Example A - Step 3, 4, 5
06:51 - Example A - Step 6 deploy app to web with heroku
10:51 - Example A - Step 7 modify the deployed app
12:57 - Example B - Step 1
15:02 - Example B - Step 2 replace sample app with our code
17:18 - Example B - Step 3 replace sampel data
17:58 - Example B - Step 4 & 5
18:37 - Example B - Step 6 deploy app to web with heroku
21:36 - Templates and Troubleshooting
************************************************************************
? Your support keeps Charming Data running, which is proudly a 100% member-supported educational channel:
Patreon: https://www.patreon.com/charmingdata
GitHub: https://github.com/sponsors/Coding-with-Adam
YouTube: https://www.youtube.com/channel/UCqBFsuAz41sqWcFjZkqmJqQ/join
...
https://www.youtube.com/watch?v=Gv910_b5ID0