refactor: update graphs for total transactions

app.py

@@ -320,7 +320,7 @@ def create_visualizations():
         yaxis_title='Number of Agents',
         title="Nr of Agents Registered",
         barmode='group',
-        tickmode='linear', tick0=0, dtick=1,
+        yaxis= dict(tickmode='linear', tick0=0, dtick=1),
         xaxis=dict(
             tickmode='array',
             tickvals=weekly_agents_df['date'],

app_trans_new.py

@@ -247,11 +247,14 @@ def create_transcation_visualizations():
     # Group by date and chain, count transactions
     daily_counts = df_transactions_new.groupby([df_transactions_new['timestamp'].dt.date, 'chain']).size().unstack(fill_value=0)
 
+    daily_counts = daily_counts[['optimism', 'base', 'ethereum']]
+
     # Set up the plot
     fig_tx_chain = px.bar(
         daily_counts,
         barmode="stack",
         title="Chain Daily Activity: Transactions",
+        labels={'index': 'Date', 'value': 'Daily Transaction Count'},
         color_discrete_map={
             "optimism": "blue",
             "ethereum": "darkgreen",
@@ -260,10 +263,20 @@ def create_transcation_visualizations():
     )
     fig_tx_chain.update_layout(
         xaxis_title="Date",
-        yaxis_title="Daily Transaction Nr",
+        yaxis_title="Daily Transaction Count",
         legend_title="Transaction Chain",
-        xaxis_tickformat="%Y-%m-%d",
+        xaxis_tickformat="%m-%d",
+        xaxis=dict(tickmode='linear', dtick=86400000.0 * 7, tickangle=-45),
         height=700,
+        bargap=0.2,
+        bargroupgap=0.1
+    )
+
+    # Adjust x-axis to show only the date of the first day of each week (Monday)
+    fig_tx_chain.update_xaxes(
+        tickformat="%m-%d",
+        tickmode='array',
+        tickvals=[d for d in daily_counts.index if d.weekday() == 0]
     )
 
     return fig_tx_chain