Update app.py

app.py

@@ -429,27 +429,29 @@ def compute_student_metrics(df):
 #     # Display the plot
 #     st.pyplot(fig)
 
+import matplotlib.pyplot as plt
+
 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
-    
-    # Width for the bars and offset for overlapping effect
-    bar_width = 0.4
+
+    # Width for the bars
+    bar_width = 0.35
     index = range(len(student_metrics_df))
     
-    # Plot Attendance and Engagement bars side by side with transparency
-    attendance_bars = ax.bar([i - bar_width/2 for i in index], student_metrics_df['Attendance (%)'], 
+    # Plot Attendance and Engagement bars with transparency
+    attendance_bars = ax.bar(index, student_metrics_df['Attendance (%)'], 
                              width=bar_width, label='Attendance (%)', color='#005288', alpha=0.7)
-    engagement_bars = ax.bar([i + bar_width/2 for i in index], student_metrics_df['Engagement (%)'], 
-                             width=bar_width, label='Engagement (%)', color='#3AB0FF', alpha=0.7)
+    engagement_bars = ax.bar(index, student_metrics_df['Engagement (%)'], 
+                             width=bar_width * 0.7, label='Engagement (%)', color='#3AB0FF', alpha=0.7)  # Skinnier engagement bars
     
-    # Add labels to each bar with customized font size and color
-    font_size = 8  # Reduced font size for better fit
+    # Add labels to each bar
+    font_size = 10  # Font size for the labels
     for bar in attendance_bars:
         height = bar.get_height()
         ax.text(bar.get_x() + bar.get_width() / 2, height, f'{height:.1f}%', 
                 ha='center', va='bottom', color='white', fontsize=font_size)
-    
+
     for bar in engagement_bars:
         height = bar.get_height()
         ax.text(bar.get_x() + bar.get_width() / 2, height, f'{height:.1f}%', 
@@ -463,6 +465,9 @@ def plot_student_metrics(student_metrics_df):
     ax.set_xticks(index)
     ax.set_xticklabels(student_metrics_df['Student'], rotation=45, ha='right')  # Improved xticklabel alignment
     
+    # Set y-axis limits from 0 to 100%
+    ax.set_ylim(0, 100)
+
     # Tight layout to ensure all elements fit within the figure
     fig.tight_layout()
     
@@ -470,7 +475,6 @@ def plot_student_metrics(student_metrics_df):
     st.pyplot(fig)
     
     return fig
-    return fig
 
 # def plot_student_metrics(student_metrics_df):
 #     # Create the figure and axis