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

app.py

@@ -114,7 +114,7 @@ def create_visualizations():
         y="transaction_count",
         color="sending_chain",
         title="Chain Daily Activity: Transactions",
-        labels={"sending_chain": "Transaction Chain", "transaction_count": "Daily Transaction Nr"},
+        labels={"transaction_count": "Daily Transaction Nr"},
         barmode="stack"
     )
     fig_tx_chain.update_layout(
@@ -129,8 +129,7 @@ def create_visualizations():
         bargap=0.8,
         height=700,
     )
-    fig_tx_chain.update_xaxes(tickformat="%Y-%m-%d")  # Remove hours from the x-axis
-
+    fig_tx_chain.update_xaxes(tickformat="%Y-%m-%d")
     # Identify swap transactions
     df["is_swap"] = df.apply(lambda x: x["sending_token_symbol"] != x["receiving_token_symbol"], axis=1)
 
@@ -157,9 +156,46 @@ def create_visualizations():
         bargap=0.8,
         height=700,
     )
-    fig_swaps_chain.update_xaxes(tickformat="%Y-%m-%d")  # Remove hours from the x-axis
+    fig_swaps_chain.update_xaxes(tickformat="%Y-%m-%d")
+
+    # Identify bridge transactions
+    df["is_bridge"] = df.apply(lambda x: x["sending_chain"] != x["receiving_chain"], axis=1)
+
+    # Total bridges per chain per day
+    bridges_per_chain = df[df["is_bridge"]].groupby(["date", "sending_chain"]).size().reset_index(name="bridge_count")
+    fig_bridges_chain = px.bar(
+        bridges_per_chain,
+        x="date",
+        y="bridge_count",
+        color="sending_chain",
+        title="Chain Daily Activity: Bridges",
+        labels={"bridge_count": "Daily Bridge Nr"},
+        barmode="stack"
+    )
+    fig_bridges_chain.update_layout(
+        xaxis_title=None,
+        yaxis=dict(tickmode='linear', tick0=0, dtick=1),
+        xaxis=dict(categoryorder='category ascending')
+    )
+
+    # 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(
+        investment_per_agent,
+        x="date",
+        y="sending_amount_usd",
+        color="sending_chain",
+        title="Amount of Investment (USD) per Agent per Day",
+        labels={"sending_amount_usd": "Investment Amount (USD)"},
+        barmode="stack"
+    )
+    fig_investment_agent.update_layout(
+        xaxis_title=None,
+        yaxis=dict(tickmode='linear', tick0=0, dtick=1),
+        xaxis=dict(categoryorder='category ascending')
+    )
 
-    return fig_tx_chain, fig_swaps_chain
+    return fig_tx_chain, fig_swaps_chain, fig_bridges_chain, fig_investment_agent
 
 # Gradio interface
 def dashboard():
@@ -167,14 +203,22 @@ def dashboard():
         gr.Markdown("# Valory Transactions Dashboard")
 
         # Fetch and display visualizations
-        with gr.Tab("Transactions per Chain"):
-            fig_tx_chain, fig_swaps_chain = create_visualizations()
+        with gr.Tab("Transactions"):
+            fig_tx_chain, fig_swaps_chain, fig_bridges_chain, fig_investment_agent = create_visualizations()
             gr.Plot(fig_tx_chain)
-
-        with gr.Tab("Swaps per Chain"):
-            fig_tx_chain, fig_swaps_chain = create_visualizations()
+        
+        with gr.Tab("Swaps"):
+            fig_tx_chain, fig_swaps_chain, fig_bridges_chain, fig_investment_agent = create_visualizations()
             gr.Plot(fig_swaps_chain)
-    
+        
+        with gr.Tab("Bridges"):
+            fig_tx_chain, fig_swaps_chain, fig_bridges_chain, fig_investment_agent = create_visualizations()
+            gr.Plot(fig_bridges_chain)
+
+        with gr.Tab("Investment per Agent"):
+            fig_tx_chain, fig_swaps_chain, fig_bridges_chain, fig_investment_agent = create_visualizations()
+            gr.Plot(fig_investment_agent)
+
     return demo
 
 # Launch the dashboard