Update app.py

app.py

@@ -46,8 +46,8 @@ st.markdown('<p class="big-font">ESG 數據視覺化</p>', unsafe_allow_html=Tru
 st.sidebar.header("設置")
 selected_option = st.sidebar.selectbox("選擇資料類型", options=list(urls.keys()))
 
-# Button to load data
-if st.sidebar.button("載入資料"):
+# Button to load data and analyze
+if st.sidebar.button("載入並分析數據"):
     with st.spinner('資料載入中...'):
         # Add a progress bar
         progress_bar = st.progress(0)
@@ -65,35 +65,34 @@ if st.sidebar.button("載入資料"):
     st.subheader("資料摘要")
     st.write(df.describe())
     
-    # Column selection for visualization
+    # Automatically select columns for visualization
     numeric_columns = df.select_dtypes(include=['int64', 'float64']).columns
     if len(numeric_columns) > 1:
-        x_column = st.selectbox("選擇 X 軸欄位", options=df.columns)
-        y_column = st.selectbox("選擇 Y 軸欄位", options=numeric_columns)
+        x_column = df.columns[0]  # First column as x-axis
+        y_column = numeric_columns[0]  # First numeric column as y-axis
         
-        # Chart type selection
-        chart_type = st.radio("選擇圖表類型", ("圓餅圖", "柱狀圖"))
+        # Visualization
+        st.subheader("資料視覺化")
         
-        # Button to trigger analysis
-        if st.button("分析數據"):
-            # Visualization
-            st.subheader("資料視覺化")
-            
-            if chart_type == "圓餅圖":
-                fig = px.pie(df, names=x_column, values=y_column, title=f"{selected_option} 分佈")
-            else:  # 柱狀圖
-                fig = px.bar(df, x=x_column, y=y_column, title=f"{selected_option} 比較")
-            
-            # Apply custom font and styling to the plot
-            fig.update_layout(
-                font_family="Taipei Sans TC Beta",
-                title_font_size=24,
-                legend_title_font_size=14,
-                legend_font_size=12
-            )
-            
-            # Display the chart
-            st.plotly_chart(fig, use_container_width=True)
+        # Pie Chart
+        fig_pie = px.pie(df, names=x_column, values=y_column, title=f"{selected_option} 分佈 (圓餅圖)")
+        fig_pie.update_layout(
+            font_family="Taipei Sans TC Beta",
+            title_font_size=24,
+            legend_title_font_size=14,
+            legend_font_size=12
+        )
+        st.plotly_chart(fig_pie, use_container_width=True)
+        
+        # Bar Chart
+        fig_bar = px.bar(df, x=x_column, y=y_column, title=f"{selected_option} 比較 (柱狀圖)")
+        fig_bar.update_layout(
+            font_family="Taipei Sans TC Beta",
+            title_font_size=24,
+            legend_title_font_size=14,
+            legend_font_size=12
+        )
+        st.plotly_chart(fig_bar, use_container_width=True)
     else:
         st.warning("沒有足夠的數值型欄位來創建圖表。請選擇另一個數據集。")
     
@@ -106,7 +105,7 @@ if st.sidebar.button("載入資料"):
         mime="text/csv",
     )
 else:
-    st.info("請在左側選單選擇資料類型，然後點擊「載入資料」按鈕來查看數據。")
+    st.info("請在左側選單選擇資料類型，然後點擊「載入並分析數據」按鈕來查看數據和圖表。")
 
 # Footer
 st.markdown("---")