chart

app.py

@@ -3,6 +3,7 @@ import json
 from pathlib import Path
 
 import gradio as gr
+import matplotlib.pyplot as plt
 import pandas as pd
 from apscheduler.schedulers.background import BackgroundScheduler
 from gradio_leaderboard import ColumnFilter, Leaderboard, SelectColumns
@@ -24,6 +25,8 @@ from src.display.utils import (
 from src.envs import API, EVAL_REQUESTS_PATH, EVAL_RESULTS_PATH, QUEUE_REPO, REPO_ID, RESULTS_REPO, TOKEN
 from src.populate import get_evaluation_queue_df, get_leaderboard_df
 
+plt.switch_backend("Agg")
+
 
 def restart_space():
     API.restart_space(repo_id=REPO_ID)
@@ -304,11 +307,11 @@ def create_weights_table_html():
             tag = "th" if r_index == min_row else "td"
             if r_index != min_row:
                 if isinstance(value, (int, float)):
-                    value = f"{float(value):.4f}"
+                    value = f"{float(value) * 100:.2f}%"
                 elif isinstance(value, str):
                     stripped = value.strip()
                     try:
-                        value = f"{float(stripped):.4f}"
+                        value = f"{float(stripped) * 100:.2f}%"
                     except Exception:
                         pass
             text = "" if value is None else html.escape(str(value))
@@ -318,10 +321,94 @@ def create_weights_table_html():
     return "".join(parts)
 
 
+def parse_number(value):
+    if value is None or (isinstance(value, float) and pd.isna(value)):
+        return None
+    if isinstance(value, (int, float)):
+        return float(value)
+    text = str(value).strip()
+    if text == "":
+        return None
+    if text.endswith("%"):
+        try:
+            return float(text[:-1])
+        except Exception:
+            return None
+    try:
+        return float(text)
+    except Exception:
+        return None
+
+
+def shorten_label(text: str, max_len: int = 18):
+    text = "" if text is None else str(text)
+    if len(text) <= max_len:
+        return text
+    return text[: max_len - 1] + "…"
+
+
+def build_metric_choices(raw_df: pd.DataFrame):
+    choices = [("Overall Score", "weighted::Overall Score")]
+    for col in raw_df.columns:
+        if col in ("ID", "Model"):
+            continue
+        if isinstance(col, str) and "\n" in col:
+            group, metric = col.split("\n", 1)
+            label = f"{group} / {metric}"
+        else:
+            label = str(col)
+        choices.append((label, f"raw::{col}"))
+    return choices
+
+
+def build_rank_bar_plot(metric_key: str):
+    if not isinstance(metric_key, str) or "::" not in metric_key:
+        metric_key = "weighted::Overall Score"
+    source, col = metric_key.split("::", 1)
+
+    if source == "weighted":
+        df = WEIGHTED_Z_DF
+    else:
+        df = RAW_SCORE_DF
+
+    if df is None or df.empty or col not in df.columns:
+        fig, ax = plt.subplots(figsize=(10, 4))
+        ax.set_axis_off()
+        return fig
+
+    series = []
+    for _, row in df.iterrows():
+        model = row.get("Model", "")
+        value = parse_number(row.get(col))
+        if value is None:
+            continue
+        series.append((str(model), float(value)))
+
+    series.sort(key=lambda x: x[1], reverse=True)
+
+    labels = [shorten_label(m) for m, _ in series]
+    values = [v for _, v in series]
+    n = len(values)
+    width = min(22, max(10, 0.55 * max(1, n)))
+    fig, ax = plt.subplots(figsize=(width, 5))
+    ax.bar(range(n), values)
+    ax.set_xticks(range(n))
+    ax.set_xticklabels(labels, rotation=35, ha="right")
+
+    title = "Overall Score" if (source == "weighted" and col == "Overall Score") else str(col)
+    ax.set_title(title)
+    ax.margins(x=0.01)
+    fig.tight_layout()
+    return fig
+
+
 RAW_SCORE_DF = create_raw_score_df()
 UNWEIGHTED_Z_DF = create_unweighted_z_score_df()
 WEIGHTED_Z_DF = create_weighted_z_score_df()
 
+METRIC_CHOICES = build_metric_choices(RAW_SCORE_DF)
+DEFAULT_METRIC = "weighted::Overall Score"
+
 SCORE_TABLE_HEIGHT_CSS = f"""
 #raw-score-table .score-table-scroll {{
     max-height: {dataframe_height(RAW_SCORE_DF)}px;
@@ -347,6 +434,10 @@ with demo:
     with gr.Tabs(elem_classes="tab-buttons") as tabs:
         with gr.TabItem("Result", elem_id="result-tab", id=0):
             with gr.Tabs(elem_classes="tab-buttons") as nested_tabs:
+                with gr.TabItem("Chart"):
+                    metric = gr.Dropdown(choices=METRIC_CHOICES, value=DEFAULT_METRIC, label="Metric")
+                    chart = gr.Plot(value=build_rank_bar_plot(DEFAULT_METRIC))
+                    metric.change(build_rank_bar_plot, inputs=metric, outputs=chart)
                 with gr.TabItem("Raw Score"):
                     gr.HTML(create_grouped_score_table_html(RAW_SCORE_DF), elem_id="raw-score-table")
                 with gr.TabItem("Weights"):