Update app.py

app.py

@@ -18,24 +18,35 @@ scenario_map = {"0": "No cleansing", "A": "Urgent cleansing", "B": "Urgent+Low u
 # --- Traffic light plotting utility ---
 def plot_dimension(dim_col, scenario):
     value = data.set_index("scenario").loc[scenario, dim_col]
-    fig, ax = plt.subplots(figsize=(5, 1.4))
-    # Traffic light backgrounds
-    ax.axhspan(0, 0.6, color="#FF4D4F", alpha=0.4, label='Red (0-0.6)')
-    ax.axhspan(0.6, 0.8, color="#FFE58F", alpha=0.4, label='Yellow (0.6-0.8)')
-    ax.axhspan(0.8, 1, color="#52C41A", alpha=0.4, label='Green (0.8-1.0)')
-    # Value marker
-    ax.axhline(value, color='black', lw=4, xmin=0.2, xmax=0.8)
-    ax.text(0.5, value, f"{value:.3f}", ha='center', va='bottom', fontsize=13, color='black', weight='bold')
-    # Aesthetics
+    fig, ax = plt.subplots(figsize=(3, 6))  # MUCH taller!
+    # Traffic light backgrounds (now horizontal, for vertical bar)
+    ax.axhspan(0, 0.6, color="#FF4D4F", alpha=0.35)
+    ax.axhspan(0.6, 0.8, color="#FFE58F", alpha=0.35)
+    ax.axhspan(0.8, 1, color="#52C41A", alpha=0.35)
+    # Value marker (black horizontal line)
+    ax.axhline(value, color='black', lw=6, xmin=0.20, xmax=0.80)
+    # Value text, bold, big, just right of line
+    ax.text(0.5, value, f"{value:.3f}", ha='center', va='bottom', fontsize=22, color='black', weight='bold')
+    # Make it look like a traffic light by hiding x-axis and thick y-axis ticks
     ax.set_xlim(0, 1)
     ax.set_ylim(0, 1)
     ax.set_xticks([])
     ax.set_yticks([0, 0.6, 0.8, 1])
-    ax.set_yticklabels(["0.0", "0.6", "0.8", "1.0"])
-    ax.set_title(f"{dim_col.replace('_', ' ').title()} ({scenario_map[scenario]})")
-    ax.spines[['right','top','bottom','left']].set_visible(False)
+    ax.set_yticklabels(["0.0", "0.6", "0.8", "1.0"], fontsize=16)
+    # Only left spine visible, thicker
+    for spine in ax.spines.values():
+        spine.set_visible(False)
+    ax.spines['left'].set_visible(True)
+    ax.spines['left'].set_linewidth(2)
+    # Title, bold, multiline
+    ax.set_title(
+        f"{dim_col.replace('_', ' ').title()}\n({scenario_map[scenario]})",
+        fontsize=15, weight='bold', pad=20
+    )
+    plt.tight_layout()
     return fig
 
+
 # --- Scenario selector callback ---
 def show_plots(scenario):
     fig1 = plot_dimension("consistency_score", scenario)