new attempt to fix the graphs

notebooks/invalid_markets.ipynb

@@ -115,6 +115,30 @@
     "plt.title(\"Distribution of daily invalid trades over time\")"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": 15,
+   "metadata": {},
+   "outputs": [
+    {
+     "ename": "ModuleNotFoundError",
+     "evalue": "No module named 'plotly'",
+     "output_type": "error",
+     "traceback": [
+      "\u001b[0;31m---------------------------------------------------------------------------\u001b[0m",
+      "\u001b[0;31mModuleNotFoundError\u001b[0m                       Traceback (most recent call last)",
+      "Cell \u001b[0;32mIn[15], line 1\u001b[0m\n\u001b[0;32m----> 1\u001b[0m \u001b[38;5;28;01mimport\u001b[39;00m \u001b[38;5;21;01mplotly\u001b[39;00m\u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01mexpress\u001b[39;00m \u001b[38;5;28;01mas\u001b[39;00m \u001b[38;5;21;01mpx\u001b[39;00m\n\u001b[1;32m      2\u001b[0m df \u001b[38;5;241m=\u001b[39m px\u001b[38;5;241m.\u001b[39mdata\u001b[38;5;241m.\u001b[39mtips()\n\u001b[1;32m      3\u001b[0m fig \u001b[38;5;241m=\u001b[39m px\u001b[38;5;241m.\u001b[39mhistogram(df, x\u001b[38;5;241m=\u001b[39m\u001b[38;5;124m\"\u001b[39m\u001b[38;5;124mtotal_bill\u001b[39m\u001b[38;5;124m\"\u001b[39m)\n",
+      "\u001b[0;31mModuleNotFoundError\u001b[0m: No module named 'plotly'"
+     ]
+    }
+   ],
+   "source": [
+    "import plotly.express as px\n",
+    "\n",
+    "fig = px.histogram(invalid_trades, x=\"creation_date\")\n",
+    "fig.show()"
+   ]
+  },
   {
    "cell_type": "markdown",
    "metadata": {},

tabs/invalid_markets.py

@@ -3,7 +3,6 @@ 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
@@ -11,12 +10,12 @@ 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"""
-
-    plt.title("Distribution of daily invalid trades over time")
-    plt.xlabel("Creation date")
-    plt.ylabel("Daily number of invalid trades")
-    plt.xticks(rotation=45, ha="right")
-    plot2: Axes = sns.histplot(data=invalid_trades, x="creation_date", kde=True)
+    invalid_trades["creation_date"] = invalid_trades["creation_date"].astype(str)
+    plot2 = sns.histplot(data=invalid_trades, x="creation_date", kde=True)
+    # plt.title("Distribution of daily invalid trades over time")
+    # plt.xlabel("Creation date")
+    # plt.ylabel("Daily number of invalid trades")
+    # plt.xticks(rotation=45, ha="right")
     daily_trades_fig = plot2.get_figure()
     return gr.Plot(value=daily_trades_fig)
 
@@ -36,7 +35,7 @@ def plot_daily_nr_invalid_markets(invalid_trades: pd.DataFrame):
     return gr.LinePlot(
         value=daily_invalid_markets,
         x="creation_date",
-        y="trades_count",
+        y="nr_markets",
         y_title="nr_markets",
         interactive=True,
         show_actions_button=True,
@@ -62,18 +61,20 @@ def plot_ratio_invalid_trades_per_market(invalid_trades: pd.DataFrame):
 
 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: pd.DataFrame = (
+        invalid_trades.title.value_counts().reset_index()
+    )
+    print(top_invalid_markets.head(5))
+    top_invalid_markets = top_invalid_markets.head(5)
     top_invalid_markets.rename(columns={"count": "nr_invalid_trades"}, inplace=True)
     return gr.BarPlot(
-        title="Top markets with the highest number of invalid trades",
+        value=top_invalid_markets,
         x="nr_invalid_trades",
         y="title",
         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,