Update app.py

app.py

@@ -18,29 +18,38 @@ 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=(3, 6))
+    fig, ax = plt.subplots(figsize=(4, 7))  # Wider and taller
     # Traffic light backgrounds
-    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, 0.95, color="#52C41A", alpha=0.35)  # Now top at 0.95
+    ax.axhspan(0, 0.6, color="#FF4D4F", alpha=0.30)
+    ax.axhspan(0.6, 0.8, color="#FFE58F", alpha=0.30)
+    ax.axhspan(0.8, 0.95, color="#52C41A", alpha=0.30)
     # Value marker (smaller, thinner)
-    ax.axhline(value, color='black', lw=2, xmin=0.35, xmax=0.65)
-    # Value text
-    ax.text(0.5, value, f"{value:.3f}", ha='center', va='bottom', fontsize=19, color='black', weight='bold')
-    # Styling
+    ax.axhline(value, color='black', lw=2, xmin=0.25, xmax=0.75)
+    # Value text - annotate, inside the plot area, with white outline for readability
+    ax.annotate(
+        f"{value:.3f}",
+        xy=(0.5, value),
+        xycoords=('axes fraction', 'data'),
+        ha='center', va='bottom',
+        fontsize=22, weight='bold',
+        color='black',
+        bbox=dict(facecolor='white', edgecolor='none', alpha=0.8, boxstyle='round,pad=0.2')
+    )
+    # Style
     ax.set_xlim(0, 1)
     ax.set_ylim(0, 0.95)
     ax.set_xticks([])
     ax.set_yticks([0, 0.6, 0.8, 0.95])
-    ax.set_yticklabels(["0.0", "0.6", "0.8", "1.0"], fontsize=14)
+    ax.set_yticklabels(["0.0", "0.6", "0.8", "1.0"], fontsize=15)
     for spine in ax.spines.values():
         spine.set_visible(False)
     ax.spines['left'].set_visible(True)
     ax.spines['left'].set_linewidth(2)
-    # Title with smaller padding
+    # Add extra space above title to prevent overlap
+    plt.subplots_adjust(top=0.88)
     ax.set_title(
         f"{dim_col.replace('_', ' ').title()}\n({scenario_map[scenario]})",
-        fontsize=14, weight='bold', pad=6
+        fontsize=15, weight='bold', pad=10
     )
     plt.tight_layout()
     return fig