Update app.py

app.py

@@ -112,41 +112,42 @@ df = pd.read_csv(uploaded_file)
 if tabs == 'Chat':
     st.write("Overall Data Visualizations")  # Title above the visualizations
 
-    col1, col2 = st.columns([2, 1])  # 2/3 for visualizations, 1/3 for chat
+    col1, col2 = st.columns([1, 1])  # Half and half split
 
-    with col1:  # Visualizations on the left (2/3 of the space)
-        row1_col1, row1_col2 = st.columns([1, 1]) # 2 visualizations per row 
+    with col1:  # Visualizations on the left
+        st.set_option('deprecation.showPyplotGlobalUse', False) # Suppress warning
+        row1_col1, row1_col2 = st.columns([1, 1])  # 2 visualizations per row
         with row1_col1:
             fig_gender = px.histogram(df, x="Gender", title="Gender Distribution")
-            fig_gender.update_layout(height=350, width=350)
+            fig_gender.update_layout(height=400, width=None)  # Responsive width
             st.plotly_chart(fig_gender)
         with row1_col2:
             fig_youth = px.histogram(df, x="Youth", title="Youth Participation")
-            fig_youth.update_layout(height=350, width=300)
+            fig_youth.update_layout(height=400, width=None)  # Responsive width
             st.plotly_chart(fig_youth)
 
         row2_col1, row2_col2 = st.columns([1, 1])
         with row2_col1:
             fig_company = px.histogram(df, y="Company Name", title="Company Distribution")
-            fig_company.update_layout(height=300, width=300)
+            fig_company.update_layout(height=400, width=None)  # Responsive width
             st.plotly_chart(fig_company)
         with row2_col2:
             fig_category = px.histogram(df, y="Intervention_Category", title="Intervention Category Distribution")
-            fig_category.update_layout(height=300, width=200)
+            fig_category.update_layout(height=400, width=None)  # Responsive width
             st.plotly_chart(fig_category)
-        
+
         row3_col1, row3_col2 = st.columns([1, 1])
         with row3_col1:
             fig_intervention = px.histogram(df, y="Intervention", title="Intervention Type Distribution")
-            fig_intervention.update_layout(height=300, width=300)
+            fig_intervention.update_layout(height=400, width=None)  # Responsive width
             st.plotly_chart(fig_intervention)
         with row3_col2:
             fig_pie_category = px.pie(df, names='Intervention_Category', title='Intervention Category Pie Chart')
-            fig_pie_category.update_layout(height=400, width=400) # adjusted width
+            fig_pie_category.update_layout(height=400, width=None)  # Responsive width
             st.plotly_chart(fig_pie_category)
 
 
-    with col2:  # Chat on the right (1/3 of the space)
+    with col2:  # Chat on the right
         st.subheader("Chat with AI")
         st.write("Get visualizations and analysis from our Gemini powered agent")