Update app.py

app.py

@@ -473,6 +473,52 @@ if mongo_uri and student_choice != "(All)" and source_choice != "(All)":
             for q in (summary.get("notable_quotes") or [])[:3]:
                 st.markdown(f"> {q}")
 
+# === Toggle for trend mode ===
+trend_mode = st.checkbox("Show Average Stage Trends", value=False)
+
+if trend_mode:
+    # Group by stage and average the skill group scores
+    stage_avg = df_final.groupby("stage")[list(SKILL_GROUPS.keys())].mean().reset_index()
+
+    # Radar plot for each stage
+    fig = go.Figure()
+    for _, row in stage_avg.iterrows():
+        stage_name = row["stage"]
+        values = row[list(SKILL_GROUPS.keys())].tolist()
+
+        fig.add_trace(go.Scatterpolar(
+            r=values,
+            theta=list(SKILL_GROUPS.keys()),
+            fill='toself',
+            name=stage_name
+        ))
+
+    fig.update_layout(
+        polar=dict(radialaxis=dict(visible=True, range=[0, 1])),
+        showlegend=True,
+        title="Average Skill Group Scores by Stage"
+    )
+
+else:
+    # Your existing per-student radar chart plotting code
+    fig = go.Figure()
+    for _, row in df_final.iterrows():
+        values = row[list(SKILL_GROUPS.keys())].tolist()
+
+        fig.add_trace(go.Scatterpolar(
+            r=values,
+            theta=list(SKILL_GROUPS.keys()),
+            fill='toself',
+            name=row["label"]
+        ))
+
+    fig.update_layout(
+        polar=dict(radialaxis=dict(visible=True, range=[0, 1])),
+        showlegend=True,
+        title="Student Skill Radar"
+    )
+
+st.plotly_chart(fig, use_container_width=True)
 
 # # app.py — Student Skill Radar (MongoDB, secrets-based, no CSV)
 # import os