Add sidebar with how to use instructions.

app.py

@@ -98,9 +98,29 @@ fig.update_layout(
     plot_bgcolor="rgba(0, 0, 0, 0)",
     paper_bgcolor="rgba(0, 0, 0, 0)"
 )
+
 x, y = 0.0, 0.0
+
 # Display the scatterplot and capture click events
 selected_points = plotly_events(fig, click_event=True, hover_event=False, override_height=600, override_width="100%")
+
+# Sidebar for additional information
+st.sidebar.header("Scatter Plot Info")
+st.sidebar.write("""
+This scatter plot visualizes the UMAP dimensionality reduction of Reddit post titles. 
+Each point represents a post, with similar titles being positioned closer together.
+""")
+st.sidebar.write("Use the form below to select coordinates or click on a point in the scatter plot.")
+st.sidebar.markdown("---")
+
+st.sidebar.header("How to Use")
+st.sidebar.write("""
+1. **Click a point** in the scatter plot to see the corresponding coordinates.
+2. **Adjust the coordinates** using the form inputs if needed.
+3. **Submit** to see the reconstructed text output.
+""")
+
+# Form for inputting coordinates
 with st.form(key="form1"):
     # If a point is clicked, handle the embedding inversion
     if selected_points: