updating layout of scatterplot and plotly versions

README.md

@@ -4,7 +4,7 @@ emoji: 🌬️
 colorFrom: indigo
 colorTo: green
 sdk: gradio
-sdk_version: 5.0.0b3
+sdk_version: 5.14.0
 app_file: app.py
 pinned: false
 short_description: Metrics used to rank popularity of prediction markets

app.py

@@ -57,7 +57,7 @@ with demo:
                 top_10_plot = plot_top_10_ranking_by_nr_trades(
                     market_metrics=market_metrics
                 )
-            with gr.Row():
+            with gr.Row(equal_height=True):
                 gr.Markdown(
                     "# 🏁 Classification based on nr of trades and nr of traders"
                 )

requirements.txt

@@ -5,7 +5,7 @@ huggingface-hub
 pyarrow
 requests
 gradio==5.0.0
-plotly
+plotly==5.24.0
 pydantic
 pydantic_core
 nbformat

tabs/market_plots.py

@@ -74,6 +74,8 @@ def plot_trades_and_traders_ranking(market_metrics: pd.DataFrame) -> gr.Plot:
     ranking_fig.update_layout(
         xaxis_title="Total Number of Traders",
         yaxis_title="Total Number of Trades",
+        width=1000,  # Adjusted for better fit on laptop screens
+        height=600,  # Adjusted for better fit on laptop screens
         # margin=dict(l=50, r=50, t=70, b=50),  # Adjust margins for better spacing
     )
     ranking_fig.update_traces(