Update app.py

app.py

@@ -211,9 +211,11 @@ 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</h3>", unsafe_allow_html=True)
+                # st.markdown("<h3 style='color: #358E66;'>Intervention Frequency</h3>", unsafe_allow_html=True)
+                st.markdown("<h3 style='color: #358E66; margin-bottom: 0px;'>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)
+                # st.markdown(f"<h1 style='color: #358E66;'>{intervention_frequency}%</h1>", unsafe_allow_html=True)
+                st.markdown(f"<h1 style='color: #358E66; margin-top: 0px;'>{intervention_frequency}%</h1>", unsafe_allow_html=True)
 
             # Add download button for Intervention Session Statistics chart
             download_chart(intervention_fig, "intervention_statistics_chart.png")
@@ -226,7 +228,6 @@ def main():
             # Visualization for Student Metrics
             student_metrics_fig = plot_student_metrics(student_metrics_df)
 
-            # NEW Expanded version of Visualization for Student Metrics 
             # Compute Student Metric Averages
             attendance_avg_stats, engagement_avg_stats = compute_average_metrics(student_metrics_df)
 
@@ -240,14 +241,14 @@ def main():
                 # 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)
+                    st.markdown(f"<h2 style='color: #358E66; margin-top: 0px;'>{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)
+                    st.markdown(f"<h2 style='color: #358E66; margin-top: 0px;'>{engagement_avg_stats}%</h2>", unsafe_allow_html=True)
                 else:
                     st.markdown("<h2 style='color: #358E66;'>N/A</h2>", unsafe_allow_html=True)
 
@@ -432,7 +433,6 @@ 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
@@ -444,7 +444,6 @@ def compute_average_metrics(student_metrics_df):
     
     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