feat: updated website

app.py

@@ -178,7 +178,7 @@ if page == "Summary":
     # """)
 
     # Create layout with three columns
-    col1, col2, col3 = st.columns((1.5, 4.5, 2), gap='medium')
+    col1, col2, col3 = st.columns((1.5, 4, 2.5), gap='medium')
 
     # Left Column (Red): Metrics and Donut Charts
     with col1:
@@ -197,6 +197,8 @@ if page == "Summary":
 
     # Middle Column (White): 3D Cluster Model and Bar Chart
     with col2:
+        st.markdown('#### 3D Customer Clusters')
+
         # Create 3D PCA plot using actual data from pca_data_5
         fig_cluster = px.scatter_3d(
             pca_data_5, 
@@ -205,12 +207,11 @@ if page == "Summary":
             z='PC3', 
             color='cluster_id', 
             hover_name='CustomerID',
-            title='#### 3D PCA Customer Clusters'
         )
         fig_cluster.update_layout(
             scene=dict(aspectratio=dict(x=1, y=1, z=0.8)),  # Adjusted aspect ratio for better balance
             margin=dict(t=10, b=10, l=10, r=10),  # Tighten margins further
-            height=400,  # Slightly increased height for better visibility
+            height=300,  # Slightly increased height for better visibility
         )
         st.plotly_chart(fig_cluster, use_container_width=True)