Update app.py

app.py

@@ -212,10 +212,10 @@ def main():
                 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; margin-bottom: 0px;'>Intervention Frequency</h3>",unsafe_allow_html=True)
+                st.markdown("<h3 style='color: #358E66; margin-bottom: 0px; 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; margin-top: 0px;'>{intervention_frequency}%</h1>", unsafe_allow_html=True)
+                st.markdown(f"<h1 style='color: #358E66; margin-top: 0px; margin-bottom: 0px;'>{intervention_frequency}%</h1>", unsafe_allow_html=True)
 
             # Add download button for Intervention Session Statistics chart
             download_chart(intervention_fig, "intervention_statistics_chart.png")
@@ -246,9 +246,9 @@ def main():
                     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)
+                st.markdown("<h4 style='color: #358E66; margin-top: 0px; margin-bottom: 0px;'>Engagement Average (%)</h4>", unsafe_allow_html=True)
                 if engagement_avg_stats is not None:
-                    st.markdown(f"<h2 style='color: #358E66; margin-top: 0px;'>{engagement_avg_stats}%</h2>", unsafe_allow_html=True)
+                    st.markdown(f"<h2 style='color: #358E66; margin-top: 0px; margin-bottom: 0px;'>{engagement_avg_stats}%</h2>", unsafe_allow_html=True)
                 else:
                     st.markdown("<h2 style='color: #358E66;'>N/A</h2>", unsafe_allow_html=True)
 
@@ -474,6 +474,22 @@ def plot_student_metrics(student_metrics_df):
         ax.text(bar.get_x() + bar.get_width() / 2, height, 
                 f'{height:.0f}%', ha='center', va='bottom', color='black')  # No decimal for integer percentage
 
+    # Add average lines for attendance and engagement
+    ax.axhline(
+        y=attendance_avg_stats,
+        color='#005288',
+        linestyle='--',
+        linewidth=1.5,
+        label=f'Attendance Average: {attendance_avg_stats}%'
+    )
+    ax.axhline(
+        y=engagement_avg_stats,
+        color='#3AB0FF',
+        linestyle='--',
+        linewidth=1.5,
+        label=f'Engagement Average: {engagement_avg_stats}%'
+    )
+
     # Set labels, title, and legend
     ax.set_xlabel('Student')
     ax.set_ylabel('Percentage (%)')