refactor: Adjust bar gaps and group gaps in create_visualizations()

app.py

@@ -212,12 +212,12 @@ def create_visualizations():
             tickmode='array',
             tickvals=df_tvl_daily['date'],
             ticktext=df_tvl_daily['date'].dt.strftime('%b %d'),
-            tickangle=90,
+            tickangle=-45,
         ),
         bargap=0.6,  # Increase gap between bar groups (0-1)
         bargroupgap=0.1,  # Decrease gap between bars in a group (0-1)
-        height=700,
-        width=1200,  # Specify width to prevent bars from being too wide
+        height=600,
+        width=1000,  # Specify width to prevent bars from being too wide
         margin=dict(l=50, r=50, t=50, b=50),  # Add margins
         showlegend=True,
         legend=dict(
@@ -225,7 +225,8 @@ def create_visualizations():
             y=0.99,
             xanchor="right",
             x=0.99
-        )
+        ),
+        template='plotly_white'
     )
     fig_tvl.update_xaxes(tickformat="%b %d") 
     
@@ -274,8 +275,8 @@ def create_visualizations():
         ),
         bargap=0.6,  # Increase gap between bar groups (0-1)
         bargroupgap=0.1,  # Decrease gap between bars in a group (0-1)
-        height=700,
-        width=1200,  # Specify width to prevent bars from being too wide
+        height=600,
+        width=1000,  # Specify width to prevent bars from being too wide
         margin=dict(l=50, r=50, t=50, b=50),  # Add margins
         showlegend=True,
         legend=dict(
@@ -283,7 +284,8 @@ def create_visualizations():
             y=0.99,
             xanchor="right",
             x=0.99
-        )
+        ),
+        template='plotly_white'
     )
     fig_swaps_chain.update_xaxes(tickformat="%m-%d")
 
@@ -319,8 +321,8 @@ def create_visualizations():
         ),
         bargap=0.6,  # Increase gap between bar groups (0-1)
         bargroupgap=0.1,  # Decrease gap between bars in a group (0-1)
-        height=700,
-        width=1200,  # Specify width to prevent bars from being too wide
+        height=600,
+        width=1000,  # Specify width to prevent bars from being too wide
         margin=dict(l=50, r=50, t=50, b=50),  # Add margins
         showlegend=True,
         legend=dict(
@@ -328,7 +330,8 @@ def create_visualizations():
             y=0.99,
             xanchor="right",
             x=0.99
-        )
+        ),
+        template='plotly_white'
     )
     fig_bridges_chain.update_xaxes(tickformat="%m-%d")
 
@@ -382,8 +385,8 @@ def create_visualizations():
             tickangle=-45
         ),
         bargap=0.6,  # Increase gap between bar groups (0-1)
-        height=700,
-        width=1200,  # Specify width to prevent bars from being too wide
+        height=600,
+        width=1000,  # Specify width to prevent bars from being too wide
         margin=dict(l=50, r=50, t=50, b=50),  # Add margins
         showlegend=True,
         legend=dict(
@@ -391,7 +394,8 @@ def create_visualizations():
             y=0.99,
             xanchor="right",
             x=0.99
-        )
+        ),
+        template='plotly_white'
     )
 
         # Calculate weekly average daily active agents
@@ -419,8 +423,8 @@ def create_visualizations():
         ),
         bargap=0.6,  # Increase gap between bar groups (0-1)
         bargroupgap=0.1,  # Decrease gap between bars in a group (0-1)
-        height=700,
-        width=1200,  # Specify width to prevent bars from being too wide
+        height=600,
+        width=1000,  # Specify width to prevent bars from being too wide
         margin=dict(l=50, r=50, t=50, b=50),  # Add margins
         showlegend=True,
         legend=dict(

app_trans_new.py

@@ -412,10 +412,15 @@ def create_active_agents_visualizations():
     fig = go.Figure()
     
     fig.add_trace(go.Bar(
-        x=[f'Week of {week.strftime("%b %d")}' for week in weeks],
+        x=[f'{week.strftime("%b %d")}' for week in weeks],
         y=avg_agents_per_week,
-        name='Active Agents',
-        marker_color='blue'
+        marker_color='blue',
+        opacity=0.7,
+        text=None,
+        hoverlabel=dict(
+            bgcolor="white",
+            font_size=12,
+        ),
     ))
     
     # Update layout
@@ -426,6 +431,10 @@ def create_active_agents_visualizations():
         xaxis=dict(
             tickangle=-45  # Rotate x-axis labels to 45 degrees
         ),
+        height=600,
+        width=1000,
+        bargap=0,
+        bargroupgap=0.2,
         template='plotly_white'
     )