Update app.py

app.py

@@ -104,25 +104,7 @@ class SurveyAnalyzer:
             }
         }
 
-    def plot_satisfaction_scores(self, df: pd.DataFrame):
-        """📊 各項滿意度平均分數圖表"""
-        # 準備數據
-        satisfaction_means = [df[col].mean() for col in self.satisfaction_columns]
-        satisfaction_stds = [df[col].std() for col in self.satisfaction_columns]
-        
-        # 創建數據框
-        satisfaction_df = pd.DataFrame({
-            '滿意度項目': self.satisfaction_short_names,
-            '平均分數': satisfaction_means,
-            '標準差': satisfaction_stds
-        })
-        
-        # 繪製條形圖
-        fig = px.bar(
-            satisfaction_df, 
-            x='滿意度項目', 
-            y='平均分數',
-            error_y='標準差',
+標準差',
             title='📊 各項滿意度平均分數與標準差',
             color='平均分數',
             color_continuous_scale='Viridis',
@@ -189,10 +171,54 @@ class SurveyAnalyzer:
 
 # 🎨 Streamlit UI
 def main():
-    st.set_page_config(page_title="問卷調查分析", layout="wide")
+    st.set_page_config(
+    page_title="數位示範場域問卷調查分析",
+    layout="wide",
+    initial_sidebar_state="expanded"
+)
 
-    st.title("📊 問卷調查分析報告")
-    st.write("本頁面展示問卷調查數據的分析結果，包括統計信息與視覺化圖表。")
+    # 自定義CSS樣式
+    st.markdown("""
+    <style>
+    .main-header {
+        font-size: 42px;
+        font-weight: bold;
+        color: #1E88E5;
+        text-align: center;
+        margin-bottom: 10px;
+        padding-bottom: 15px;
+        border-bottom: 2px solid #e0e0e0;
+    }
+    .sub-header {
+        font-size: 24px;
+        color: #424242;
+        text-align: center;
+        margin-bottom: 30px;
+    }
+    .unit-name {
+        font-size: 28px;
+        font-weight: bold;
+        color: #1565C0;
+        text-align: center;
+        padding: 10px;
+        background-color: #E3F2FD;
+        border-radius: 8px;
+        margin: 20px 0;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    }
+    .card {
+        padding: 20px;
+        border-radius: 10px;
+        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+        margin-bottom: 20px;
+        background-color: white;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+    
+    # 主標題與副標題
+    st.markdown('<div class="main-header">📊 數位示範場域問卷調查分析報告</div>', unsafe_allow_html=True)
+    st.markdown('<div class="sub-header">本報告提供全面的問卷調查分析與視覺化圖表，協助了解民眾滿意度與使用者特性</div>', unsafe_allow_html=True)
 
     # 讀取數據
     df = read_google_sheet(sheet_id, gid)
@@ -200,26 +226,64 @@ def main():
     if df is not None:
         analyzer = SurveyAnalyzer()
 
-        # 新增場域和月份篩選器
-        st.sidebar.header("🔍 數據篩選")
+        # 設置單位名稱（假設有「單位名稱」欄位，若無則顯示預設值）
+        unit_name = "數位示範場域滿意度調查中心"
+        if '單位名稱' in df.columns and not df['單位名稱'].isnull().all():
+            unit_names = df['單位名稱'].unique()
+            if len(unit_names) == 1:
+                unit_name = unit_names[0]
         
-        # 假設數據有「場域名稱」欄位，如果名稱不同請調整
+        # 顯示單位名稱
+        st.markdown(f'<div class="unit-name">{unit_name}</div>', unsafe_allow_html=True)
+        
+        # 新增場域和月份篩選器（使用更美觀的設計）
+        st.sidebar.markdown("### 🔍 **數據篩選**")
+        st.sidebar.markdown("---")
+        
+        # 場域選擇
         if '場域名稱' in df.columns:
             venues = ['全部'] + sorted(df['場域名稱'].unique().tolist())
-            selected_venues = st.sidebar.multiselect("選擇場域", venues, default=['全部'])
         else:
             # 如果沒有場域欄位，創建10個虛擬場域供選擇
-            venues = ['全部'] + [f'場域{i+1}' for i in range(10)]
-            selected_venues = st.sidebar.multiselect("選擇場域", venues, default=['全部'])
+            venue_names = [
+                "臺北數位樂學園", "新北創新學院", "桃園智慧中心", 
+                "臺中數位學苑", "臺南創客基地", "高雄創新園區",
+                "宜蘭數位中心", "花蓮創新基地", "臺東學習中心", "金門數位樂園"
+            ]
+            venues = ['全部'] + venue_names
+            
+        selected_venues = st.sidebar.multiselect(
+            "📍 **選擇場域**", 
+            venues, 
+            default=['全部'],
+            help="可選擇多個場域進行數據分析比較"
+        )
             
-        # 假設數據有「月份」欄位，如果沒有請調整
+        # 月份選擇
         if '月份' in df.columns:
             months = ['全部'] + sorted(df['月份'].unique().tolist())
-            selected_month = st.sidebar.selectbox("選擇月份", months)
         else:
             # 如果沒有月份欄位，可以創建虛擬月份選項
-            months = ['全部'] + [f'{i+1}月' for i in range(12)]
-            selected_month = st.sidebar.selectbox("選擇月份", months)
+            current_year = datetime.now().year
+            months = ['全部'] + [f'{current_year}年{i+1}月' for i in range(12)]
+            
+        selected_month = st.sidebar.selectbox(
+            "📅 **選擇月份**", 
+            months,
+            help="選擇特定月份查看數據趨勢"
+        )
+        
+        # 年齡區間篩選
+        st.sidebar.markdown("### 📊 **年齡區間篩選**")
+        ages = analyzer.calculate_age(df['２．出生年（民國__年）'])
+        min_age, max_age = int(ages.min()), int(ages.max())
+        age_range = st.sidebar.slider(
+            "選擇年齡範圍", 
+            min_age, 
+            max_age, 
+            (min_age, max_age),
+            help="拖曳調整以篩選特定年齡區間的受訪者"
+        )
 
         # 📌 基本統計數據
         st.sidebar.header("📌 選擇數據分析")