Fixing size and graphs of invalid markets

app.py

@@ -313,7 +313,7 @@ with demo:
             with gr.Row():
                 gr.Markdown("# Top markets with invalid trades")
             with gr.Row():
-                plot_top_invalid_markets(invalid_trades)
+                top_invalid_markets = plot_top_invalid_markets(invalid_trades)
 
             with gr.Row():
                 gr.Markdown("# Daily distribution of invalid markets")

tabs/invalid_markets.py

@@ -3,16 +3,22 @@ import gradio as gr
 import matplotlib.pyplot as plt
 import seaborn as sns
 from seaborn import FacetGrid
+from matplotlib.axes import Axes
+
+HEIGHT = 600
+WIDTH = 1000
 
 
 def plot_daily_dist_invalid_trades(invalid_trades: pd.DataFrame):
     """Function to paint the distribution of daily invalid trades, no matter which market"""
-    plot2 = sns.histplot(data=invalid_trades, x="creation_date", kde=True)
-    plt.xticks(rotation=45, ha="right")
+
+    plt.title("Distribution of daily invalid trades over time")
     plt.xlabel("Creation date")
     plt.ylabel("Daily number of invalid trades")
-    plt.title("Distribution of daily invalid trades over time")
-    return gr.Plot(value=plot2.get_figure())
+    plt.xticks(rotation=45, ha="right")
+    plot2: Axes = sns.histplot(data=invalid_trades, x="creation_date", kde=True)
+    daily_trades_fig = plot2.get_figure()
+    return gr.Plot(value=daily_trades_fig)
 
 
 def plot_daily_nr_invalid_markets(invalid_trades: pd.DataFrame):
@@ -22,13 +28,16 @@ def plot_daily_nr_invalid_markets(invalid_trades: pd.DataFrame):
         .agg(trades_count=("title", "count"), nr_markets=("title", "nunique"))
         .reset_index()
     )
-    sns.set_theme(palette="viridis")
-    plot = sns.lineplot(data=daily_invalid_markets, x="creation_date", y="nr_markets")
-    plt.xticks(rotation=45, ha="right")
-    plt.xlabel("Creation date")
-    plt.ylabel("Daily number of invalid markets")
-    plt.title("Evolution of daily invalid markets over time")
-    return gr.Plot(value=plot.get_figure())
+    return gr.LinePlot(
+        value=daily_invalid_markets,
+        x="creation_date",
+        y="nr_markets",
+        interactive=True,
+        show_actions_button=True,
+        tooltip=["creation_date", "nr_markets", "count"],
+        height=HEIGHT,
+        width=WIDTH,
+    )
 
 
 def plot_ratio_invalid_trades_per_market(invalid_trades: pd.DataFrame):
@@ -49,12 +58,17 @@ def plot_top_invalid_markets(invalid_trades: pd.DataFrame):
     """Function to paint the top markets with the highest number of invalid trades"""
     top_invalid_markets = invalid_trades.title.value_counts().reset_index()
     top_invalid_markets.rename(columns={"count": "nr_invalid_trades"}, inplace=True)
-    plt.figure(figsize=(40, 15))
-    plot = sns.barplot(
-        top_invalid_markets.head(),
+    return gr.BarPlot(
+        title="Top markets with the highest number of invalid trades",
         x="nr_invalid_trades",
         y="title",
-        hue="title",
-        dodge=False,
+        x_title="Nr_invalid_trades",
+        y_title="Market title",
+        show_label=True,
+        interactive=True,
+        show_actions_button=True,
+        value=top_invalid_markets,
+        tooltip=["title", "nr_invalid_trades"],
+        height=HEIGHT,
+        width=WIDTH,
     )
-    return gr.Plot(value=plot.get_figure())