Update app.py

app.py

@@ -47,6 +47,12 @@ def normalize_cost(val, max_tick, baseline=20):
 
 def generate_radar_plot(selected_rows_data: List[dict]) -> go.Figure:
     """Generate a CAP radar plot from selected rows."""
+    
+    # --- COMMON LAYOUT SETTINGS ---
+    # We use balanced margins here so the chart is centered.
+    # l=80, r=80 gives space for labels. b=100 gives space for the legend.
+    common_margin = dict(t=80, b=100, l=80, r=80)
+    
     # Validation: max 3 rows, all same dataset
     if not selected_rows_data or len(selected_rows_data) == 0:
         fig = go.Figure()
@@ -59,15 +65,15 @@ def generate_radar_plot(selected_rows_data: List[dict]) -> go.Figure:
             yanchor='middle'
         )
         fig.update_layout(
-            height=700, 
-            width=1000,
+            height=600, # Reduced slightly to fit screens better
             xaxis=dict(visible=False),
             yaxis=dict(visible=False),
             paper_bgcolor='white',
             plot_bgcolor='white',
-            margin=dict(t=100, b=120, l=10, r=620)
+            margin=common_margin # Use balanced margins
         )
         return fig
+        
     if len(selected_rows_data) > 3:
         fig = go.Figure()
         fig.add_annotation(
@@ -79,15 +85,15 @@ def generate_radar_plot(selected_rows_data: List[dict]) -> go.Figure:
             yanchor='middle'
         )
         fig.update_layout(
-            height=700, 
-            width=1000,
+            height=600, 
             xaxis=dict(visible=False),
             yaxis=dict(visible=False),
             paper_bgcolor='white',
             plot_bgcolor='white',
-            margin=dict(t=100, b=120, l=10, r=620)
+            margin=common_margin # Use balanced margins
         )
         return fig
+        
     datasets = [row.get('Dataset', '') for row in selected_rows_data]
     unique_datasets = set(datasets)
     if len(unique_datasets) > 1:
@@ -101,15 +107,15 @@ def generate_radar_plot(selected_rows_data: List[dict]) -> go.Figure:
             yanchor='middle'
         )
         fig.update_layout(
-            height=700, 
-            width=1000,
+            height=600, 
             xaxis=dict(visible=False),
             yaxis=dict(visible=False),
             paper_bgcolor='white',
             plot_bgcolor='white',
-            margin=dict(t=100, b=120, l=10, r=620)
+            margin=common_margin # Use balanced margins
         )
         return fig
+        
     dataset_name = datasets[0] if datasets else "Unknown"
     
     # Extract metrics from selected rows
@@ -197,7 +203,7 @@ def generate_radar_plot(selected_rows_data: List[dict]) -> go.Figure:
         title=dict(
             text=f"CAP Radar Plot: {dataset_name}",
             x=0.5,
-            xanchor='left',
+            xanchor='center', # Center the title
             font=dict(size=20)
         ),
         polar=dict(
@@ -208,21 +214,23 @@ def generate_radar_plot(selected_rows_data: List[dict]) -> go.Figure:
             ),
             angularaxis=dict(
                 tickfont=dict(size=14),
-                rotation=30,
+                rotation=90, # Rotated to put Throughput at top
                 direction='clockwise'
             ),
         ),
         legend=dict(
             orientation='h', 
             yanchor='bottom', 
-            y=-0.12, 
+            y=-0.15, # Lowered slightly to fit bottom margin
             xanchor='center', 
             x=0.5,
             font=dict(size=13)
         ),
-        margin=dict(t=100, b=120, l=10, r=620),
+        # UPDATED MARGINS HERE
+        margin=common_margin, 
         height=700,
-        width=1000,
+        # Removed fixed 'width' to allow Gradio to resize it responsively
+        autosize=True, 
         paper_bgcolor='white',
         plot_bgcolor='white'
     )
@@ -869,7 +877,7 @@ def build_app() -> gr.Blocks:
                     with gr.Row():
                         with gr.Column(scale=1):
                             pass
-                        with gr.Column(scale=30):
+                        with gr.Column(scale=3):
                             radar_plot = gr.Plot(label="", value=generate_radar_plot([]))
                         with gr.Column(scale=1):
                             pass