Refactor game rotation timeline plot using horizontal bars with dynamic coloring

app.py

@@ -697,24 +697,35 @@ with tab5:
             check_rotation['Finish'] = pd.to_numeric(check_rotation['Finish'], errors='coerce')
             check_rotation['delta'] = pd.to_numeric(check_rotation['delta'], errors='coerce')
             
-            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
+            # Create figure
+            fig = go.Figure()
             
-            fig.layout.xaxis.type = 'linear'
-            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())]
-            color_map = dict(zip(check_rotation['PLAYER_NAME'].unique(), player_colors))
-
-            # Update the figure to use the color map
-            fig.update_traces(marker=dict(color=[color_map[player] for player in check_rotation['PLAYER_NAME']]))
-
-            # Add vertical lines for quarter marks
+            # Add bars for each shift
+            for idx, row in check_rotation.iterrows():
+                fig.add_trace(go.Bar(
+                    x=[row['delta']],  # Width of bar
+                    y=[row['Task']],
+                    base=row['Start'],  # Start position of bar
+                    orientation='h',
+                    text=f"{row['delta']:.1f}",
+                    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")