Refactor game rotation timeline plot with improved readability and comments

app.py

@@ -694,16 +694,15 @@ with tab5:
             check_rotation['Start'] = check_rotation['Start'].astype(float)
             check_rotation['Finish'] = check_rotation['Finish'].astype(float)
             
-            st.write(check_rotation)
-            game_rot_stats = check_rotation.reindex(game_rot_cols,axis="columns")
-            game_rot_stats = game_rot_stats.drop_duplicates(subset='backlog_lookup')
-
-            fig = px.timeline(data_frame=check_rotation, x_start='Start', x_end='Finish', y='Task', range_x=[0,check_rotation["Finish"].max()], text='delta')
+            fig = px.timeline(data_frame=check_rotation, 
+                            x_start='Start',      # Column containing start times
+                            x_end='Finish',       # Column containing end times
+                            y='Task',             # Column containing player/shift labels
+                            range_x=[0, check_rotation["Finish"].max()], 
+                            text='delta')         # Show the duration as text
             
             fig.layout.xaxis.type = 'linear'
-            fig.data[0].x = check_rotation.delta.tolist()
-
-            fig.update_yaxes(autorange="reversed")
+            fig.update_yaxes(autorange="reversed")  # Reverse y-axis to show tasks top-to-bottom
 
             # Create a color map for each unique player
             player_colors = px.colors.qualitative.Plotly[:len(check_rotation['PLAYER_NAME'].unique())]
@@ -716,6 +715,11 @@ with tab5:
             fig.add_vline(x=12, line_width=3, line_dash="dash", line_color="green")
             fig.add_vline(x=24, line_width=3, line_dash="dash", line_color="green")
             fig.add_vline(x=36, line_width=3, line_dash="dash", line_color="green")
+
+            st.write(check_rotation)
+            game_rot_stats = check_rotation.reindex(game_rot_cols,axis="columns")
+            game_rot_stats = game_rot_stats.drop_duplicates(subset='backlog_lookup')
+
             # pages = pages.set_index('Player')
             display.plotly_chart(fig, use_container_width=True)
             stats_disp.dataframe(game_rot_stats.style.format(precision=2), hide_index=True, use_container_width = True)