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

app.py

@@ -191,34 +191,32 @@ def create_visualizations():
     # Filter out dates with zero total value locked
     df_tvl_daily = df_tvl_daily[df_tvl_daily["total_value_locked_usd"] > 0]
     # Plot total value locked
-    fig_tvl = px.bar(
-        df_tvl_daily,
-        x="date",
-        y="total_value_locked_usd",
-        color="chain_name",
+    # Plot total value locked
+    fig_tvl = go.Figure()
+
+    for chain_name, color in zip(["optimism", "base", "ethereum"], ["blue", "purple", "darkgreen"]):
+        chain_data = df_tvl_daily[df_tvl_daily['chain_name'] == chain_name]
+        fig_tvl.add_trace(go.Bar(
+            x=chain_data['date'],
+            y=chain_data['total_value_locked_usd'],
+            name=chain_name.capitalize(),
+            marker_color=color
+        ))
+
+    fig_tvl.update_layout(
         title="Total Volume Invested in Pools in Different Chains Daily",
-        labels={"date": "Date", "total_value_locked_usd": "Total Volume Invested (USD)"},
+        xaxis_title="Date",
+        yaxis_title="Total Volume Invested (USD)",
         barmode='stack',
-        color_discrete_map={
-            "optimism": "blue",
-            "base": "purple",
-            "ethereum": "darkgreen"
-        }
-    )
-    fig_tvl.update_layout(
-        xaxis_title=None,
-        yaxis=dict(tickmode='linear', tick0=0, dtick=1),
         xaxis=dict(
             tickmode='array',
             tickvals=df_tvl_daily['date'],
             ticktext=df_tvl_daily['date'].dt.strftime('%b %d'),
             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=600,
-        width=1000,  # Specify width to prevent bars from being too wide
-        margin=dict(l=50, r=50, t=50, b=50),  # Add margins
+        width=1000,
+        margin=dict(l=50, r=50, t=50, b=50),
         showlegend=True,
         legend=dict(
             yanchor="top",
@@ -228,8 +226,6 @@ def create_visualizations():
         ),
         template='plotly_white'
     )
-    fig_tvl.update_xaxes(tickformat="%b %d") 
-    
 
     chain_name_map = {
         10: "Optimism",