month labels for x-axis

app.py

@@ -773,6 +773,18 @@ def create_plot(username, year):
         z[day][week] = activity_count[date]
         hover_texts[day][week] = f"{date}: {activity_count[date]} activities"
 
+    # month labels
+    month_labels = ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"]
+    month_positions = [0]  # JAN
+
+    for month in range(2, 13):
+
+        first_day_of_month = datetime(year, month, 1).date()
+
+        month_position = (first_day_of_month - datetime(year, 1, 1).date()).days // 7
+
+        month_positions.append(month_position)
+
     # heatmap
     fig = go.Figure(data=go.Heatmap(
         z=z,
@@ -807,6 +819,9 @@ def create_plot(username, year):
             scaleratio=1
         ),
         xaxis=dict(
+            tickmode='array',
+            tickvals=month_positions,
+            ticktext=month_labels,            
             scaleanchor="y",
             scaleratio=1,
             fixedrange=True,  # disable zoom and pan