Adjust x-axis tick angle, bar gap, and date formatting in visualizations

app.py

@@ -175,9 +175,16 @@ def create_visualizations():
     fig_bridges_chain.update_layout(
         xaxis_title=None,
         yaxis=dict(tickmode='linear', tick0=0, dtick=1),
-        xaxis=dict(categoryorder='category ascending')
+        xaxis=dict(
+            tickmode='array',
+            tickvals=bridges_per_chain['date'],
+            ticktext=bridges_per_chain['date'].dt.strftime('%Y-%m-%d'),
+            tickangle=0,
+        ),
+        bargap=0.8,
+        height=700,
     )
-
+    fig_bridges_chain.update_xaxes(tickformat="%Y-%m-%d")
     # Investment per agent per day
     investment_per_agent = df.groupby(["date", "from_address", "sending_chain"])["sending_amount_usd"].sum().reset_index()
     fig_investment_agent = px.bar(
@@ -192,9 +199,16 @@ def create_visualizations():
     fig_investment_agent.update_layout(
         xaxis_title=None,
         yaxis=dict(tickmode='linear', tick0=0, dtick=1),
-        xaxis=dict(categoryorder='category ascending')
+        xaxis=dict(
+            tickmode='array',
+            tickvals=fig_investment_agent['date'],
+            ticktext=fig_investment_agent['date'].dt.strftime('%Y-%m-%d'),
+            tickangle=0,
+        ),
+        bargap=0.8,
+        height=700,
     )
-
+    fig_investment_agent.update_xaxes(tickformat="%Y-%m-%d")
     return fig_tx_chain, fig_swaps_chain, fig_bridges_chain, fig_investment_agent
 
 # Gradio interface