You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: _episodes/03-create-visualizations.md
+8-1Lines changed: 8 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
title: "Create Visualizations"
3
-
teaching: 15
3
+
teaching: 10
4
4
exercises: 0
5
5
questions:
6
6
- "How can I create an interactive visualization using Plotly Express?"
@@ -15,6 +15,13 @@ keypoints:
15
15
16
16
Now that our data is in a tidy format, we can start creating some visualizations. Let's start by creating a new notebook (make sure to select the `dataviz` kernel in the Launcher) and renaming it `data_visualizations.ipynb`.
17
17
18
+
Let's make our first cell into a markdown cell, and give this notebook a title:
19
+
20
+
~~~
21
+
# Data Visualizations
22
+
~~~
23
+
{: .source}
24
+
18
25
## Import our newly tidy data
19
26
20
27
First, we need to import pandas and Plotly Express, and then read in our dataframe.
Copy file name to clipboardExpand all lines: _episodes/04-create-streamlit-app.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,5 +1,5 @@
1
1
---
2
-
title: "Create Streamlit App"
2
+
title: "Create the Streamlit App"
3
3
teaching: 10
4
4
exercises: 0
5
5
questions:
@@ -68,7 +68,7 @@ We can add other text to our app with `st.write()` and other functions.
68
68
Now, let's go ahead and add the visualization of GDP in Oceania that we created in the previous lesson. We can copy and paste the code over from our Jupyter Notebook - but leave out the `fig.show()`. We're going to use a different function to display the plot in the Streamlit app: `st.plotly_chart()`
@@ -107,7 +107,7 @@ You know the drill! Save, switch over to the Streamlit app, and click "Rerun".
107
107
We now have a web application that can allow you to share your interactive visualizations.
108
108
109
109
> ## Share your app online
110
-
> Right now, our app only lives on our computer. Like Jupyter Lab, the app is displaying in a web browser but has the URL `localhost:####` (where #### represent the port number).
110
+
> Right now, our app only lives on our computer. Like Jupyter Lab, the app is displaying in a web browser but has the URL `localhost:####` (where #### represents the port number).
111
111
> To easily make this app public and shared online, you can sign up for a [Streamlit Sharing](https://streamlit.io/sharing-sign-up) account. This will let you share up to 3 apps.
112
112
> All you need (in addition to an account) is to have your code in a public GitHub repo.
113
113
> Detailed instructions can be found in [Streamlit's Documentation](https://docs.streamlit.io/en/stable/deploy_streamlit_app.html)
0 commit comments