Spaces:
Running
Running
style(leaderboard): remove benchmark and source columns
#3
by Gh0stAR - opened
- index.html +3 -46
index.html
CHANGED
|
@@ -112,7 +112,7 @@
|
|
| 112 |
box-shadow: 0 2px 8px rgba(22, 33, 57, .025);
|
| 113 |
}
|
| 114 |
.table-scroll { overflow-x: auto; }
|
| 115 |
-
table { width: 100%; min-width:
|
| 116 |
th, td { padding: 12px 13px; border-bottom: 1px solid var(--line); text-align: right; white-space: nowrap; }
|
| 117 |
th {
|
| 118 |
height: 42px;
|
|
@@ -124,8 +124,6 @@
|
|
| 124 |
}
|
| 125 |
th:first-child, td:first-child { width: 58px; text-align: center; }
|
| 126 |
th:nth-child(2), td:nth-child(2) { min-width: 225px; text-align: left; }
|
| 127 |
-
th:nth-child(3), td:nth-child(3) { min-width: 150px; text-align: left; }
|
| 128 |
-
th:nth-child(4), td:nth-child(4) { min-width: 104px; text-align: left; }
|
| 129 |
tbody tr.data-row:hover td { background: #fbfcfe; }
|
| 130 |
tbody tr:last-child td { border-bottom: 0; }
|
| 131 |
.sort-button {
|
|
@@ -144,7 +142,7 @@
|
|
| 144 |
text-transform: inherit;
|
| 145 |
cursor: pointer;
|
| 146 |
}
|
| 147 |
-
th:first-child .sort-button, th:nth-child(2) .sort-button
|
| 148 |
.sort-button:hover, .sort-button[aria-sort] { color: var(--accent); }
|
| 149 |
.sort-mark { width: 9px; color: #a2aab7; font-size: 10px; }
|
| 150 |
.sort-button[aria-sort="ascending"] .sort-mark,
|
|
@@ -169,20 +167,6 @@
|
|
| 169 |
.model-actions { display: flex; align-items: center; gap: 9px; margin-top: 3px; }
|
| 170 |
.details-toggle { padding: 0; border: 0; background: transparent; color: var(--accent); font-size: 10px; cursor: pointer; }
|
| 171 |
.details-toggle:hover { text-decoration: underline; }
|
| 172 |
-
.benchmark-name { color: #465268; font-family: var(--mono); font-size: 10px; }
|
| 173 |
-
.source-link {
|
| 174 |
-
display: inline-flex;
|
| 175 |
-
align-items: center;
|
| 176 |
-
min-height: 22px;
|
| 177 |
-
padding: 1px 7px;
|
| 178 |
-
border: 1px solid var(--line);
|
| 179 |
-
border-radius: 4px;
|
| 180 |
-
background: #fff;
|
| 181 |
-
color: #535f72;
|
| 182 |
-
font-size: 10px;
|
| 183 |
-
text-decoration: none;
|
| 184 |
-
}
|
| 185 |
-
.source-link:hover { border-color: var(--accent); color: var(--accent); }
|
| 186 |
.score { color: #3b4658; font-variant-numeric: tabular-nums; }
|
| 187 |
.score-overall { color: var(--accent); font-size: 12px; font-weight: 750; }
|
| 188 |
.empty-cell, .error-cell { padding: 24px; color: var(--muted); text-align: center !important; }
|
|
@@ -305,7 +289,7 @@
|
|
| 305 |
</section>
|
| 306 |
|
| 307 |
<p class="provenance-note">
|
| 308 |
-
<span>Scores are percentage points (0–100).
|
| 309 |
<span>Company marks identify model providers and do not imply affiliation or endorsement.</span>
|
| 310 |
</p>
|
| 311 |
</main>
|
|
@@ -325,11 +309,6 @@
|
|
| 325 |
(function () {
|
| 326 |
"use strict";
|
| 327 |
|
| 328 |
-
var SOURCE_LABELS = {
|
| 329 |
-
paper: "Paper",
|
| 330 |
-
participant: "Participant",
|
| 331 |
-
maintainer: "Maintainer"
|
| 332 |
-
};
|
| 333 |
var LOGO_BY_PROVIDER = {
|
| 334 |
google: "./assets/logos/google.svg",
|
| 335 |
"alibaba cloud": "./assets/logos/alibabacloud.svg",
|
|
@@ -341,8 +320,6 @@
|
|
| 341 |
columns: [
|
| 342 |
{ key: "rank", label: "Rank", kind: "rank" },
|
| 343 |
{ key: "model_name", label: "Model", kind: "model" },
|
| 344 |
-
{ key: "benchmark_version", label: "Benchmark", kind: "benchmark" },
|
| 345 |
-
{ key: "source", label: "Source", kind: "source" },
|
| 346 |
{ key: "overall", label: "Overall", kind: "score", path: ["scores", "overall"] },
|
| 347 |
{ key: "perception", label: "Perception", kind: "score", path: ["scores", "stages", "perception"] },
|
| 348 |
{ key: "understanding", label: "Understanding", kind: "score", path: ["scores", "stages", "understanding"] },
|
|
@@ -356,8 +333,6 @@
|
|
| 356 |
columns: [
|
| 357 |
{ key: "rank", label: "Rank", kind: "rank" },
|
| 358 |
{ key: "model_name", label: "Model", kind: "model" },
|
| 359 |
-
{ key: "benchmark_version", label: "Benchmark", kind: "benchmark" },
|
| 360 |
-
{ key: "source", label: "Source", kind: "source" },
|
| 361 |
{ key: "overall", label: "Overall", kind: "score", path: ["scores", "overall"] },
|
| 362 |
{ key: "l1_task", label: "L1 Task-Adaptive", kind: "score", path: ["scores", "taxonomy", "l1_task"] },
|
| 363 |
{ key: "l2_modality", label: "L2 Modality-Adaptive", kind: "score", path: ["scores", "taxonomy", "l2_modality"] },
|
|
@@ -389,8 +364,6 @@
|
|
| 389 |
function sortValue(entry, column) {
|
| 390 |
if (column.kind === "rank") return entry.scores.overall;
|
| 391 |
if (column.kind === "model") return entry.model_name;
|
| 392 |
-
if (column.kind === "benchmark") return entry.benchmark_version;
|
| 393 |
-
if (column.kind === "source") return SOURCE_LABELS[entry.source.type] || entry.source.type;
|
| 394 |
return readPath(entry, column.path);
|
| 395 |
}
|
| 396 |
|
|
@@ -533,18 +506,6 @@
|
|
| 533 |
return row;
|
| 534 |
}
|
| 535 |
|
| 536 |
-
function createSourceCell(entry) {
|
| 537 |
-
var cell = document.createElement("td");
|
| 538 |
-
var link = document.createElement("a");
|
| 539 |
-
link.className = "source-link";
|
| 540 |
-
link.href = entry.source.url;
|
| 541 |
-
link.target = "_blank";
|
| 542 |
-
link.rel = "noopener noreferrer";
|
| 543 |
-
link.textContent = SOURCE_LABELS[entry.source.type] || entry.source.type;
|
| 544 |
-
cell.appendChild(link);
|
| 545 |
-
return cell;
|
| 546 |
-
}
|
| 547 |
-
|
| 548 |
function renderHeader(table) {
|
| 549 |
var header = document.querySelector("#" + table.id + " thead tr");
|
| 550 |
header.replaceChildren();
|
|
@@ -603,10 +564,6 @@
|
|
| 603 |
row.appendChild(makeCell(String(index + 1), "rank-value"));
|
| 604 |
} else if (column.kind === "model") {
|
| 605 |
row.appendChild(createModelCell(entry, row, table.columns.length));
|
| 606 |
-
} else if (column.kind === "benchmark") {
|
| 607 |
-
row.appendChild(makeCell(entry.benchmark_version, "benchmark-name"));
|
| 608 |
-
} else if (column.kind === "source") {
|
| 609 |
-
row.appendChild(createSourceCell(entry));
|
| 610 |
} else {
|
| 611 |
var value = readPath(entry, column.path);
|
| 612 |
var classes = column.key === "overall" ? "score score-overall" : "score";
|
|
|
|
| 112 |
box-shadow: 0 2px 8px rgba(22, 33, 57, .025);
|
| 113 |
}
|
| 114 |
.table-scroll { overflow-x: auto; }
|
| 115 |
+
table { width: 100%; min-width: 820px; border-collapse: collapse; font-size: 12px; }
|
| 116 |
th, td { padding: 12px 13px; border-bottom: 1px solid var(--line); text-align: right; white-space: nowrap; }
|
| 117 |
th {
|
| 118 |
height: 42px;
|
|
|
|
| 124 |
}
|
| 125 |
th:first-child, td:first-child { width: 58px; text-align: center; }
|
| 126 |
th:nth-child(2), td:nth-child(2) { min-width: 225px; text-align: left; }
|
|
|
|
|
|
|
| 127 |
tbody tr.data-row:hover td { background: #fbfcfe; }
|
| 128 |
tbody tr:last-child td { border-bottom: 0; }
|
| 129 |
.sort-button {
|
|
|
|
| 142 |
text-transform: inherit;
|
| 143 |
cursor: pointer;
|
| 144 |
}
|
| 145 |
+
th:first-child .sort-button, th:nth-child(2) .sort-button { justify-content: flex-start; }
|
| 146 |
.sort-button:hover, .sort-button[aria-sort] { color: var(--accent); }
|
| 147 |
.sort-mark { width: 9px; color: #a2aab7; font-size: 10px; }
|
| 148 |
.sort-button[aria-sort="ascending"] .sort-mark,
|
|
|
|
| 167 |
.model-actions { display: flex; align-items: center; gap: 9px; margin-top: 3px; }
|
| 168 |
.details-toggle { padding: 0; border: 0; background: transparent; color: var(--accent); font-size: 10px; cursor: pointer; }
|
| 169 |
.details-toggle:hover { text-decoration: underline; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 170 |
.score { color: #3b4658; font-variant-numeric: tabular-nums; }
|
| 171 |
.score-overall { color: var(--accent); font-size: 12px; font-weight: 750; }
|
| 172 |
.empty-cell, .error-cell { padding: 24px; color: var(--muted); text-align: center !important; }
|
|
|
|
| 289 |
</section>
|
| 290 |
|
| 291 |
<p class="provenance-note">
|
| 292 |
+
<span>Scores are percentage points (0–100). A merged entry does not imply independent reproduction.</span>
|
| 293 |
<span>Company marks identify model providers and do not imply affiliation or endorsement.</span>
|
| 294 |
</p>
|
| 295 |
</main>
|
|
|
|
| 309 |
(function () {
|
| 310 |
"use strict";
|
| 311 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 312 |
var LOGO_BY_PROVIDER = {
|
| 313 |
google: "./assets/logos/google.svg",
|
| 314 |
"alibaba cloud": "./assets/logos/alibabacloud.svg",
|
|
|
|
| 320 |
columns: [
|
| 321 |
{ key: "rank", label: "Rank", kind: "rank" },
|
| 322 |
{ key: "model_name", label: "Model", kind: "model" },
|
|
|
|
|
|
|
| 323 |
{ key: "overall", label: "Overall", kind: "score", path: ["scores", "overall"] },
|
| 324 |
{ key: "perception", label: "Perception", kind: "score", path: ["scores", "stages", "perception"] },
|
| 325 |
{ key: "understanding", label: "Understanding", kind: "score", path: ["scores", "stages", "understanding"] },
|
|
|
|
| 333 |
columns: [
|
| 334 |
{ key: "rank", label: "Rank", kind: "rank" },
|
| 335 |
{ key: "model_name", label: "Model", kind: "model" },
|
|
|
|
|
|
|
| 336 |
{ key: "overall", label: "Overall", kind: "score", path: ["scores", "overall"] },
|
| 337 |
{ key: "l1_task", label: "L1 Task-Adaptive", kind: "score", path: ["scores", "taxonomy", "l1_task"] },
|
| 338 |
{ key: "l2_modality", label: "L2 Modality-Adaptive", kind: "score", path: ["scores", "taxonomy", "l2_modality"] },
|
|
|
|
| 364 |
function sortValue(entry, column) {
|
| 365 |
if (column.kind === "rank") return entry.scores.overall;
|
| 366 |
if (column.kind === "model") return entry.model_name;
|
|
|
|
|
|
|
| 367 |
return readPath(entry, column.path);
|
| 368 |
}
|
| 369 |
|
|
|
|
| 506 |
return row;
|
| 507 |
}
|
| 508 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 509 |
function renderHeader(table) {
|
| 510 |
var header = document.querySelector("#" + table.id + " thead tr");
|
| 511 |
header.replaceChildren();
|
|
|
|
| 564 |
row.appendChild(makeCell(String(index + 1), "rank-value"));
|
| 565 |
} else if (column.kind === "model") {
|
| 566 |
row.appendChild(createModelCell(entry, row, table.columns.length));
|
|
|
|
|
|
|
|
|
|
|
|
|
| 567 |
} else {
|
| 568 |
var value = readPath(entry, column.path);
|
| 569 |
var classes = column.key === "overall" ? "score score-overall" : "score";
|