Update app.py

app.py

@@ -224,30 +224,31 @@ def main():
             st.write(student_metrics_df)
 
             # Visualization for Student Metrics
-            # student_metrics_fig = plot_student_metrics(student_metrics_df)
+            student_metrics_fig = plot_student_metrics(student_metrics_df, attendance_avg_stats, engagement_avg_stats)
 
             # Compute Student Metric Averages
             attendance_avg_stats, engagement_avg_stats = compute_average_metrics(student_metrics_df)
 
-            # Two-column layout for the visualization and intervention frequency
-            col1, col2 = st.columns([3, 1])  # Set the column width ratio
+            # # 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, attendance_avg_stats, engagement_avg_stats)
+            # with col1:
+            #     student_metrics_fig = plot_student_metrics(student_metrics_df, attendance_avg_stats, engagement_avg_stats)
                       
-            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:         afe_allow_html=True)
+            # with col2:
+            #     # Display the "Attendance Average (%)" text and value
+            #     st.markdown("<h3 style='color: #358E66;'>Attendance Average (%)</h3>", 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; 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; 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)
+            #     # Display the "Engagement Average (%)" text and value
+            #     st.markdown("<h3 style='color: #358E66;'>Engagement Average (%)</h3>", unsafe_allow_html=True)
+            #     if engagement_avg_stats is not None:
+            #         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)
 
             # Add download button for Student Metrics chart
             download_chart(student_metrics_fig, "student_metrics_chart.png")