Update app.py

app.py

@@ -1,27 +1,58 @@
 import streamlit as st
+import pandas as pd
+import numpy as np
+from sklearn import datasets
+from sklearn.cluster import KMeans
+import matplotlib.pyplot as plt
 
-st.title('Togglable Sidebar Example')
-
-# This is the CSS to hide the sidebar
-css_code = """
-<style>
-    [data-testid="stSidebar"] {
-        display: none;
-    }
-</style>
-"""
-
-# Initialize the session state variable if it doesn't exist
-if 'show_sidebar' not in st.session_state:
-    st.session_state.show_sidebar = False
-
-if st.button("Toggle Sidebar"):
-    st.session_state.show_sidebar = not st.session_state.show_sidebar
-
-# If we want to show the sidebar, we'll use Streamlit's standard sidebar functions.
-# If we want to hide it, we'll inject the CSS code to hide the sidebar.
-if st.session_state.show_sidebar:
-    st.sidebar.title("Sidebar")
-    st.sidebar.write("This is the sidebar content.")
-else:
-    st.markdown(css_code, unsafe_allow_html=True)
+# JS hack to add a toggle button for the sidebar
+st.markdown("""
+    <style>
+        .reportview-container .main .block-container {
+            max-width: 100%;
+        }
+    </style>
+    """, unsafe_allow_html=True)
+
+# Load iris dataset
+iris = datasets.load_iris()
+X = iris.data
+
+st.title('Understanding K-Means Clustering')
+
+tab1, tab2 = st.tabs(["Basic ☕", "Advanced 🔬"])
+
+if "toggle" not in st.session_state:
+    st.session_state.toggle = True
+
+toggle_button = st.button("Toggle Sidebar")
+
+if toggle_button:
+    st.session_state.toggle = not st.session_state.toggle
+
+if st.session_state.toggle:
+
+    # User Input on Sidebar
+    st.sidebar.header('Input Your Flower Data')
+    def user_input_features():
+        sepal_length = st.sidebar.slider('Sepal Length (cm)', 4.0, 8.0, 6.5)
+        sepal_width = st.sidebar.slider('Sepal Width (cm)', 2.0, 4.5, 3.5)
+        petal_length = st.sidebar.slider('Petal Length (cm)', 1.0, 7.0, 4.5)
+        petal_width = st.sidebar.slider('Petal Width (cm)', 0.1, 2.5, 1.5)
+        return [sepal_length, sepal_width, petal_length, petal_width]
+
+    user_features = user_input_features()
+
+# Rest of your code remains largely unchanged
+# We just use the st.session_state.toggle to conditionally display certain elements
+
+with tab1:
+    # ...
+    # Rest of your code for tab1
+    # ...
+    pass
+with tab2:
+    # ...
+    # Rest of your code for tab2
+    # ...
+    pass