updating order of categories and extra metrics text

app.py

@@ -30,6 +30,7 @@ from tabs.metrics import (
     WIDTH,
     HEIGHT,
     plot_tool_metrics,
+    get_trade_metrics_text,
 )
 
 from tabs.tool_win import (
@@ -222,32 +223,44 @@ with demo:
                     choices=trade_metric_choices,
                     value=default_trade_metric,
                 )
+
             with gr.Row():
-                trade_details_plot = plot_trade_metrics(
-                    metric_name=default_trade_metric,
-                    trades_df=trades_df,
-                    height=400,
-                    width=1400,
-                )
+                with gr.Column(scale=3):
+                    trade_details_plot = plot_trade_metrics(
+                        metric_name=default_trade_metric,
+                        trades_df=trades_df,
+                        height=400,
+                        width=1400,
+                    )
+                with gr.Column(scale=1):
+                    trade_details_text = get_trade_metrics_text(
+                        metric_name=default_trade_metric
+                    )
 
             def update_trade_details(trade_detail):
-                return plot_trade_metrics(
-                    metric_name=trade_detail,
-                    trades_df=trades_df,
-                    height=400,
-                    width=1400,
-                )
+                return [
+                    plot_trade_metrics(
+                        metric_name=trade_detail,
+                        trades_df=trades_df,
+                        height=400,
+                        width=1400,
+                    ),
+                    get_trade_metrics_text(metric_name=trade_detail),
+                ]
 
             trade_details_selector.change(
                 update_trade_details,
                 inputs=trade_details_selector,
-                outputs=trade_details_plot,
+                outputs=[trade_details_plot, trade_details_text],
             )
 
             with gr.Row():
                 trade_details_selector
             with gr.Row():
-                trade_details_plot
+                with gr.Column(scale=3):
+                    trade_details_plot
+                with gr.Column(scale=1):
+                    trade_details_text
 
         with gr.TabItem("🚀 Tool Winning Dashboard"):
             with gr.Row():

tabs/metrics.py

@@ -186,7 +186,8 @@ def plot_trade_metrics(
         x="month_year_week",
         y=column_name,
         color="market_creator",
-        color_discrete_sequence=["goldenrod", "darkgreen", "purple"],
+        color_discrete_sequence=["purple", "goldenrod", "darkgreen"],
+        category_orders={"market_creator": ["pearl", "quickstart", "all"]},
     )
     fig.update_traces(boxmean=True)
     fig.update_layout(
@@ -236,3 +237,16 @@ def plot_tool_metrics(wins_df: pd.DataFrame, winning_selector: str) -> gr.Plot:
     else:  # "total_request"
         column_name = metric_name
         yaxis_title = "Gross profit per trade (xDAI)"
+
+
+def get_trade_metrics_text(metric_name: str) -> gr.Text:
+    metric_text = (
+        "This "
+        + metric_name
+        + " metric is computed weekly and the graph shows the different statistical measures including "
+        + "the min, max, median (line inside the box), mean(dotted line) and several percentiles:"
+        + " the lower (first) quartile, q1, is the median of the bottom half, and the upper (third) quartile, q3, is the median of the top half."
+        + " The whiskers correspond to the boxes' edges +/- 1.5 times the interquartile range (IQR: Q3-Q1)"
+    )
+
+    return gr.Text(label=metric_text)

tabs/trades.py

@@ -144,8 +144,10 @@ def integrated_plot_trades_per_market_by_week(trades_df: pd.DataFrame) -> gr.Plo
         y="trades",
         color="market_creator",
         barmode="group",
-        color_discrete_sequence=["goldenrod", "darkgreen", "purple"],
+        color_discrete_sequence=["purple", "goldenrod", "darkgreen"],
+        category_orders={"market_creator": ["pearl", "quickstart", "all"]},
     )
+
     fig.update_layout(
         xaxis_title="Week",
         yaxis_title="Weekly nr of trades",
@@ -175,7 +177,8 @@ def integrated_plot_winning_trades_per_market_by_week(
         y="winning_trade",
         color="market_creator",
         barmode="group",
-        color_discrete_sequence=["goldenrod", "darkgreen", "purple"],
+        color_discrete_sequence=["purple", "goldenrod", "darkgreen"],
+        category_orders={"market_creator": ["pearl", "quickstart", "all"]},
     )
     fig.update_layout(
         xaxis_title="Week",