Update app.py

Improved the Score Chart

app.py

@@ -213,14 +213,26 @@ def get_leaderboard():
 
 def get_leaderboard_chart():
     battle_results = get_current_leaderboard()
+    
+    # Calculate scores and sort results
+    for model, results in battle_results.items():
+        total_battles = results["wins"] + results["losses"]
+        if total_battles > 0:
+            win_rate = results["wins"] / total_battles
+            results["score"] = win_rate * (1 - 1 / (total_battles + 1))
+        else:
+            results["score"] = 0
+    
     sorted_results = sorted(
         battle_results.items(), 
-        key=lambda x: (x[1]["wins"], -x[1]["losses"]), 
+        key=lambda x: (x[1]["score"], x[1]["wins"] + x[1]["losses"]), 
         reverse=True
     )
+
     models = [get_human_readable_name(model) for model, _ in sorted_results]
     wins = [results["wins"] for _, results in sorted_results]
     losses = [results["losses"] for _, results in sorted_results]
+    scores = [results["score"] for _, results in sorted_results]
 
     fig = go.Figure()
 
@@ -238,11 +250,25 @@ def get_leaderboard_chart():
         marker_color='#38a3a5'
     ))
 
-    # Update layout for full-width and increased height
+    # Line chart for Scores
+    fig.add_trace(go.Scatter(
+        x=models,
+        y=scores,
+        name='Score',
+        yaxis='y2',
+        line=dict(color='#ff7f0e', width=2)
+    ))
+
+    # Update layout for full-width, increased height, and secondary y-axis
     fig.update_layout(
         title='Model Performance',
         xaxis_title='Models',
         yaxis_title='Number of Battles',
+        yaxis2=dict(
+            title='Score',
+            overlaying='y',
+            side='right'
+        ),
         barmode='stack',
         height=800,
         width=1450,