Add accuracy data

app.js

@@ -59,6 +59,38 @@ async function loadFamilyData(familyKey) {
 // Current family's loaded data
 let DATA = [];
 
+// ─── Accuracy data cache ──────────────────────────────────────────────────────
+
+const accDataCache = {};
+
+async function loadAccuracyData(filePath) {
+    if (!filePath) return null;
+    if (accDataCache[filePath]) return accDataCache[filePath];
+    try {
+        const text = await fetch(filePath).then(r => {
+            if (!r.ok) return null;
+            return r.text();
+        });
+        if (!text) return null;
+        const lines = text.replace(/\r/g, "").trim().split("\n");
+        const headers = lines[0].split(",");
+        const rows = lines.slice(1).map(line => {
+            const vals = line.split(",");
+            const row = {};
+            headers.forEach((h, i) => {
+                const raw = (vals[i] || "").trim();
+                row[h] = raw;
+            });
+            return row;
+        });
+        const result = { headers, rows };
+        accDataCache[filePath] = result;
+        return result;
+    } catch {
+        return null;
+    }
+}
+
 // ─── Config shortcuts ─────────────────────────────────────────────────────────
 
 const MODEL_COL     = config.model_column;
@@ -705,6 +737,70 @@ function buildExperimentSetup() {
     });
 }
 
+// ─── Accuracy Table ───────────────────────────────────────────────────────────
+
+async function buildAccuracyTable() {
+    const section = document.getElementById("accuracy-section");
+    section.innerHTML = "";
+    const familyCfg = config.model_families?.[activeFamilyKey()] || {};
+    const accFile = familyCfg.accuracy_file;
+    if (!accFile) return;
+
+    const accData = await loadAccuracyData(accFile);
+    if (!accData || !accData.rows.length) return;
+
+    // Filter to active models if a variant is selected
+    const activeModels = getActiveModelSet();
+    const rows = accData.rows.filter(r => activeModels.has(r[accData.headers[0]]));
+    if (!rows.length) return;
+
+    const modelCol = accData.headers[0];
+    const metricCols = accData.headers.slice(1);
+
+    const card = document.createElement("div");
+    card.className = "table-card";
+
+    // Find best value per column (higher is better for accuracy)
+    const best = {};
+    metricCols.forEach(col => {
+        const vals = rows.map(r => parseFloat(r[col])).filter(v => !isNaN(v));
+        if (vals.length) best[col] = Math.max(...vals);
+    });
+
+    // Fixed model column
+    let fixedHtml = `<table><thead><tr><th>MODEL</th></tr></thead><tbody>`;
+    rows.forEach(r => {
+        const model = r[modelCol];
+        const modelColor = MODEL_COLORS[model]?.border || '#888';
+        fixedHtml += `<tr><td class="model-cell"><span class="model-dot" style="background:${modelColor}"></span><a href="${LINK_PREFIX}${model}" target="_blank" rel="noopener" style="color:${modelColor}">${model}</a></td></tr>`;
+    });
+    fixedHtml += `</tbody></table>`;
+
+    // Scrollable metric columns
+    let scrollHtml = `<table><thead><tr>`;
+    scrollHtml += metricCols.map(h => `<th class="metric-cell">${h}</th>`).join("");
+    scrollHtml += `</tr></thead><tbody>`;
+    rows.forEach(r => {
+        scrollHtml += `<tr>`;
+        metricCols.forEach(col => {
+            const val = parseFloat(r[col]);
+            const isBest = !isNaN(val) && val === best[col];
+            const display = isNaN(val) ? (r[col] || "—") : val.toFixed(2);
+            scrollHtml += `<td class="metric-cell">${isBest ? '<strong style="color: white; opacity: 0.7">' + display + '</strong>' : display}</td>`;
+        });
+        scrollHtml += `</tr>`;
+    });
+    scrollHtml += `</tbody></table>`;
+
+    const accTitle = familyCfg.accuracy_title || config.accuracy_title || "Accuracy";
+    const accUrl = familyCfg.accuracy_url;
+    const titleHtml = accUrl
+        ? `<h3><a href="${accUrl}" target="_blank" rel="noopener" class="acc-title-link">${accTitle}</a></h3>`
+        : `<h3>${accTitle}</h3>`;
+    card.innerHTML = `${titleHtml}<div class="table-split"><div class="table-split-fixed">${fixedHtml}</div><div class="table-split-scroll">${scrollHtml}</div></div>`;
+    section.appendChild(card);
+}
+
 // ─── Render ───────────────────────────────────────────────────────────────────
 
 function render() {
@@ -729,6 +825,7 @@ function render() {
             (config.metrics.length <= 1 || !chartsShown) ? "none" : "";
     }
     buildTables(filtered, chartsShown);
+    buildAccuracyTable();
     buildExperimentSetup();
 }
 

config.json

@@ -138,7 +138,10 @@
         "agx_orin": "Measurement setup: NVIDIA AI IoT vLLM 0.14.0 tegra, 256 tokens generated, 10 warm-up runs, averaged over 25 runs.",
         "orin_nano": "Measurement setup: NVIDIA AI IoT vLLM 0.14.0 tegra, 256 tokens generated, 10 warm-up runs, averaged over 25 runs."
       },
-      "default_device": "orin_nano"
+      "default_device": "orin_nano",
+      "accuracy_file": "data/acc-Cosmos-Reason2.csv",
+      "accuracy_title": "Physical AI Bench (PAI-Bench)",
+      "accuracy_url": "https://huggingface.co/spaces/shi-labs/physical-ai-bench-leaderboard"
     },
     "Qwen3.5": {
       "data_file": "data/Qwen3.5.csv",
@@ -153,5 +156,6 @@
       },
       "default_device": "agx_orin"
     }
-  }
-}
+  },
+  "accuracy_title": "Accuracy"
+}

data/acc-Cosmos-Reason2.csv

@@ -0,0 +1,5 @@
+Model,Overall,Embodied Reasoning,Common Sense,AV,Physical World,Time,Space,Agibot,HoloAssist,RoboFail,RoboVQA,BridgeData V2
+nvidia/Cosmos-Reason2-2B,50.60,53.93,47.19,44.00,46.90,45.30,55.00,34.00,60.00,49.00,90.91,42.00
+embedl/Cosmos-Reason2-2B-NVFP4A16,49.84,50.16,49.50,44.00,45.13,52.01,52.50,28.00,58.00,51.00,84.55,32.00
+embedl/Cosmos-Reason2-2B-W4A16,48.68,50.49,46.85,36.00,47.79,44.30,53.75,36.00,61.00,42.00,80.91,44.00
+embedl/Cosmos-Reason2-2B-W4A16-Edge2,50.58,53.61,47.52,45.00,44.25,48.66,52.50,32.00,59.00,54.00,85.45,43.00

index.html

@@ -28,6 +28,9 @@
                 <p class="hero-sub" id="hero-sub">Compare throughput and latency across devices and model variants.</p>
             </header>
 
+            <!-- Accuracy Table -->
+            <section id="accuracy-section"></section>
+
             <!-- Filters -->
             <section class="filters-bar" id="filters-bar"></section>
 

style.css

@@ -384,7 +384,43 @@ tbody tr.row-group-break td {
     border-top: 2px solid var(--border);
 }
 
-/* ── Legend ───────────────────────────────────────────── */
+/* ── Sticky first column in scrollable tables ─────────── */
+.table-split {
+    display: flex;
+}
+
+.table-split-fixed table,
+.table-split-scroll table {
+    width: 100%;
+}
+
+.table-split-fixed {
+    flex-shrink: 0;
+}
+
+.table-split-scroll {
+    overflow-x: auto;
+    flex: 1;
+    min-width: 0;
+    scrollbar-color: var(--text-dim) var(--border);
+    scrollbar-width: thin;
+}
+#accuracy-section:empty {
+    margin-bottom: 0;
+}
+#accuracy-section {
+    margin-bottom: 2.5rem;
+}
+
+.acc-title-link {
+    color: inherit;
+    text-decoration: none;
+}
+.acc-title-link:hover {
+    text-decoration: underline;
+    color: var(--accent);
+}
+
 .legend-section {
     margin: 2rem 0;
     padding-top: 1.5rem;