Update app.py

app.py

@@ -92,7 +92,7 @@ def predire(image, mouvements_selectionnes):
         width=LARGEUR_BARRES
     ))"""
 
-    fig = go.Figure(go.Bar(
+    """fig = go.Figure(go.Bar(
             x=classes_triees,
             y=probs_triees,
             marker=dict(color=colors, line=dict(color='black', width=1)),
@@ -127,7 +127,64 @@ def predire(image, mouvements_selectionnes):
     )
     
     #fig.data[0].textfont = dict(color='black', size=14, family="Arial")
-    fig.data[0].textfont = dict(color='white', size=14, family="Arial")  # <-- texte blanc
+    fig.data[0].textfont = dict(color='white', size=14, family="Arial")  # <-- texte blanc"""
+
+    # === Construction du graphique ===
+    fig = go.Figure(go.Bar(
+        x=classes_triees,
+        y=probs_triees,
+        marker=dict(
+            color=colors,
+            line=dict(color='rgba(255,255,255,0.6)', width=1.5),
+        ),
+        text=[f"{p*100:.1f}%" for p in probs_triees],
+        textposition='inside',
+        insidetextanchor='middle',
+        width=LARGEUR_BARRES,
+        hovertemplate='%{x}<br>Probabilité : %{y:.1%}<extra></extra>',
+    ))
+    
+    # === Amélioration du design général ===
+    fig.update_layout(
+        template="plotly_white",  # base moderne claire
+        paper_bgcolor="rgba(0,0,0,0)",  # fond transparent
+        plot_bgcolor="rgba(245,247,250,1)",  # gris bleuté clair moderne
+        xaxis=dict(
+            fixedrange=True,
+            tickangle=45,
+            tickfont=dict(size=14, color="#333"),
+            automargin=True,
+            showline=False,
+            zeroline=False
+        ),
+        yaxis=dict(
+            fixedrange=True,
+            range=[0, 1],
+            title="Probabilité",
+            tickfont=dict(size=13, color="#555"),
+            gridcolor="rgba(220,220,220,0.4)",
+            zeroline=False
+        ),
+        title=dict(
+            text=f"🎨 Mouvements picturaux reconnus (≥ {SEUIL_RECONNAISSANCE*100:.0f}%)",
+            y=0.93,
+            x=0.5,  # centré horizontalement
+            xanchor='center',
+            font=dict(size=18, color="#333", family="Arial Black")
+        ),
+        margin=dict(l=60, r=60, t=80, b=80),
+        height=HAUTEUR_GRAPHIQUE,
+        width=550,
+        font=dict(size=13, family="Arial"),
+    )
+    
+    # Texte blanc à l’intérieur des barres
+    fig.data[0].textfont = dict(color='white', size=14, family="Arial", weight="bold")
+    
+    # Petits arrondis sur les barres
+    fig.update_traces(marker_line_width=1.5, marker_line_color="rgba(255,255,255,0.5)", 
+                      marker=dict(cornerradius=5))
+
     
     return fig, gr.update(visible=False)