Update app.py

app.py

@@ -211,7 +211,7 @@ def main():
             with col2:
                 intervention_frequency = intervention_stats['Intervention Frequency (%)'].values[0]
                 # Display the "Intervention Frequency (%)" text
-                st.markdown("<h3 style='color: #358E66;'>Intervention Frequency</h2>", unsafe_allow_html=True)
+                st.markdown("<h3 style='color: #358E66;'>Intervention Frequency</h3>", unsafe_allow_html=True)
                 # Display the frequency value below it
                 st.markdown(f"<h1 style='color: #358E66;'>{intervention_frequency}%</h1>", unsafe_allow_html=True)
 
@@ -226,6 +226,28 @@ def main():
             # Visualization for Student Metrics
             student_metrics_fig = plot_student_metrics(student_metrics_df)
 
+            # NEW Expanded version of Visualization for Student Metrics 
+            # Two-column layout for the visualization and intervention frequency
+            col1, col2 = st.columns([3, 1])  # Set the column width ratio
+            
+            with col1:
+                student_metrics_fig = plot_student_metrics(student_metrics_df)
+            
+            with col2:
+                # Display the "Attendance Average (%)" text and value
+                st.markdown("<h4 style='color: #358E66;'>Attendance Average (%)</h4>", unsafe_allow_html=True)
+                if attendance_avg_stats is not None:
+                    st.markdown(f"<h2 style='color: #358E66;'>{attendance_avg_stats}%</h2>", unsafe_allow_html=True)
+                else:
+                    st.markdown("<h2 style='color: #358E66;'>N/A</h2>", unsafe_allow_html=True)
+                    
+                # Display the "Engagement Average (%)" text and value
+                st.markdown("<h4 style='color: #358E66;'>Engagement Average (%)</h4>", unsafe_allow_html=True)
+                if engagement_avg_stats is not None:
+                    st.markdown(f"<h2 style='color: #358E66;'>{engagement_avg_stats}%</h2>", unsafe_allow_html=True)
+                else:
+                    st.markdown("<h2 style='color: #358E66;'>N/A</h2>", unsafe_allow_html=True)
+
             # Add download button for Student Metrics chart
             download_chart(student_metrics_fig, "student_metrics_chart.png")
 
@@ -407,6 +429,19 @@ def compute_student_metrics(df):
     student_metrics_df.rename(columns={'index': 'Student'}, inplace=True)
     return student_metrics_df
 
+#NEW
+def compute_average_metrics(student_metrics_df):
+    # Calculate the attendance and engagement average percentages across students
+    attendance_avg_stats = student_metrics_df['Attendance (%)'].mean()  # Calculate the average attendance percentage
+    engagement_avg_stats = student_metrics_df['Engagement (%)'].mean()  # Calculate the average engagement percentage
+    
+    # Round the averages to make them whole numbers
+    attendance_avg_stats = round(attendance_avg_stats)
+    engagement_avg_stats = round(engagement_avg_stats)
+    
+    return attendance_avg_stats, engagement_avg_stats
+
+
 def plot_student_metrics(student_metrics_df):
     # Create the figure and axis
     fig, ax = plt.subplots(figsize=(10, 6))  # Increased figure size for better readability