Enhance game rotation timeline plot with improved sorting, bar visualization, and quarter markers

app.py

@@ -708,7 +708,7 @@ with tab5:
                     y=[row['Task']],
                     base=row['Start'],  # Start position of bar
                     orientation='h',
-                    text=f"{row['delta']:.1f}",
+                    text=f"{row['delta']:.1f} Minutes",
                     textposition='inside',
                     showlegend=False,
                     marker_color=px.colors.qualitative.Plotly[hash(row['PLAYER_NAME']) % len(px.colors.qualitative.Plotly)]
@@ -752,18 +752,43 @@ with tab5:
             display = st.container()
             stats_disp = st.container()
             check_rotation = working_data[working_data['backlog_lookup'] == game_id_var]
-            check_rotation = check_rotation.sort_values(by='Start', ascending=True)
-            game_rot_stats = check_rotation.reindex(game_rot_cols,axis="columns")
-            game_rot_stats = game_rot_stats.drop_duplicates(subset='PLAYER_NAME')
-
-            fig = px.timeline(data_frame=check_rotation, x_start="Start", x_end="Finish", y="Task", range_x=[0,check_rotation["Finish"].max()], text='minutes')
-
-            fig.layout.xaxis.type = 'linear'
-            # fig.update_yaxes(autorange="reversed") 
-
+            check_rotation = team_backlog.sort_values(by=['GAME_DATE', 'Finish'], ascending=[False, True])
+            
+            fig = go.Figure()
+            
+            # Add bars for each shift
+            for idx, row in check_rotation.iterrows():
+                fig.add_trace(go.Bar(
+                    x=[row['minutes']],  # Width of bar
+                    y=[row['Task']],
+                    base=row['Start'],  # Start position of bar
+                    orientation='h',
+                    text=f"{row['minutes']:.1f} Minutes",
+                    textposition='inside',
+                    showlegend=False,
+                    marker_color=px.colors.qualitative.Plotly[hash(row['PLAYER_NAME']) % len(px.colors.qualitative.Plotly)]
+                ))
+            
+            # Update layout
+            fig.update_layout(
+                barmode='overlay',
+                xaxis=dict(
+                    range=[0, 48],
+                    title='Game Time (minutes)'
+                ),
+                yaxis=dict(
+                    autorange='reversed'
+                )
+            )
+            
+            # Add quarter lines
             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")
+
+            game_rot_stats = check_rotation.reindex(game_rot_cols,axis="columns")
+            game_rot_stats = game_rot_stats.drop_duplicates(subset='PLAYER_NAME')
+
             # 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)