Spaces:

nutrientdocs
/

document-classification-leaderboard

Running

App Files Files Community

hung-k-nguyen commited on 4 days ago

Commit

a8caea6

0 Parent(s):

document-classification-leaderboard

Browse files

Files changed (5) hide show

.gitattributes +35 -0
README.md +23 -0
index.html +169 -0
leaderboard.json +324 -0
style.css +28 -0

.gitattributes ADDED Viewed

	@@ -0,0 +1,35 @@

+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

README.md ADDED Viewed

	@@ -0,0 +1,23 @@

+---
+title: Document Classification Leaderboard
+emoji: 🖼️
+colorFrom: blue
+colorTo: green
+sdk: static
+pinned: false
+license: other
+short_description: Open-vocab document classification leaderboard (macro-F1)
+---
+# Document Classification Leaderboard
+Static leaderboard for open-vocabulary, zero-shot document-type classification — ranked by mean macro-F1
+across four tracks (DocLayNet / Forms / Tobacco / OOD) on the held-out
+[document-classification-benchmark](https://huggingface.co/datasets/nutrientdocs/document-classification-benchmark).
+- 🎯 [Demo](https://huggingface.co/spaces/nutrientdocs/document-classification-demo) ·
+  🏵️ [Flagship model](https://huggingface.co/nutrientdocs/document-classification-v2) ·
+  📊 [Benchmark](https://huggingface.co/datasets/nutrientdocs/document-classification-benchmark)
+Page is `index.html` + `leaderboard.json`. Numbers are provisional pending a clean scoring run on standard
+hardware.

index.html ADDED Viewed

	@@ -0,0 +1,169 @@

+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Document Classification Leaderboard</title>
+<style>
+  :root{
+    color-scheme:light dark;
+    --paper:#eef1f4; --surface:#ffffff; --ink:#17222c; --muted:#5c6b78;
+    --hair:#d7dee4; --hair-strong:#c2ccd4;
+    --accent:#1d5fa8; --accent-soft:#e5eefa;
+    --good:#2f8f6f; --good-soft:#dcefe8; --bad:#c0473b; --warn:#c98a2b;
+    --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
+    --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
+    --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
+  }
+  @media (prefers-color-scheme:dark){
+    :root{--paper:#12171c;--surface:#1a2229;--ink:#e6ecf1;--muted:#93a2ae;
+      --hair:#2b353e;--hair-strong:#38444e;--accent:#6aa9e6;--accent-soft:#1e2b3a;
+      --good:#57b895;--good-soft:#173029;--bad:#e0796d;--warn:#d9a856;}
+  }
+  *{box-sizing:border-box}
+  body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
+  .wrap{max-width:1180px;margin:0 auto;padding:clamp(20px,5vw,60px) clamp(18px,6vw,64px)}
+  .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 14px}
+  h1{font-family:var(--serif);font-weight:600;font-size:clamp(28px,5vw,44px);line-height:1.08;letter-spacing:-.01em;margin:0 0 14px}
+  .lede{font-size:18px;color:var(--muted);max-width:82ch;margin:0 0 8px}
+  a{color:var(--accent)}
+  code{font-family:var(--mono);font-size:.86em;background:var(--accent-soft);padding:.1em .38em;border-radius:4px}
+  .tracknote{background:var(--surface);border:1px solid var(--hair);border-radius:12px;padding:16px 20px;margin:26px 0 6px;font-size:14px}
+  .tracknote b{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--accent)}
+  .tracknote ul{margin:8px 0 0;padding-left:18px}.tracknote li{margin:4px 0}
+  .tablebox{overflow-x:auto;margin:14px 0}
+  table{border-collapse:collapse;width:100%;font-size:14px;min-width:860px}
+  th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--hair)}
+  th{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
+  td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono)}
+  tbody tr:last-child td{border-bottom:none}
+  tr.ours{background:var(--accent-soft)}
+  .rank{font-family:var(--mono);color:var(--muted);width:2ch}
+  .name{font-weight:650}
+  .chip{display:inline-block;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.03em;padding:2px 7px;border-radius:20px;white-space:nowrap;margin-left:6px}
+  .c-com{background:var(--accent-soft);color:var(--accent)}
+  .c-open{background:var(--good-soft);color:var(--good)}
+  .c-cloud{background:#f0e9dc;color:var(--warn)}
+  @media (prefers-color-scheme:dark){.c-cloud{background:#2a2312;color:var(--warn)}}
+  .c-gen{background:var(--hair);color:var(--muted)}
+  .tabs{display:flex;gap:8px;margin:20px 0 4px}
+  .tab{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.03em;padding:7px 14px;border-radius:8px;
+    border:1px solid var(--hair-strong);background:var(--surface);color:var(--muted);cursor:pointer}
+  .tab.on{background:var(--accent);color:#fff;border-color:var(--accent)}
+  .oursonly{color:var(--muted)}
+  .bar{position:relative;height:15px;background:var(--hair);border-radius:4px;min-width:110px}
+  .bar>span{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:4px}
+  .bar.hl>span{background:var(--good)}
+  .barnum{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12.5px;margin-left:8px;color:var(--muted)}
+  .barcell{display:flex;align-items:center;min-width:200px}
+  footer{margin-top:52px;border-top:1px solid var(--hair-strong);padding-top:16px;color:var(--muted);font-size:12.5px;font-family:var(--mono)}
+  footer img{vertical-align:middle;margin-right:10px;border-radius:6px}
+  .muted{color:var(--muted)}
+</style>
+</head>
+<body>
+<div class="wrap">
+  <p class="eyebrow">Open-vocab document classification · benchmark</p>
+  <h1>Document Classification Leaderboard</h1>
+  <p class="lede">Zero-shot document-type classification — labels supplied at inference, not baked into a
+    head. Ranked by <strong>doc-type mean macro-F1</strong> across DocLayNet, Forms and Tobacco on the
+    held-out
+    <a href="https://huggingface.co/datasets/nutrientdocs/document-classification-benchmark">document-classification-benchmark</a>.
+    Nutrient's in-house small models vs. cloud frontier VLMs, all scored by the same
+    <code>score_classify.py</code> (unweighted macro-F1, argmax over candidate labels).</p>
+  <div class="tracknote">
+    <b>TRACKS · macro-F1</b>
+    <ul>
+      <li><strong>DocLayNet / Forms / Tobacco</strong> — document-type tracks (n=377 / 360 / 500); the
+        headline <strong>doc-type mean</strong> averages these three and rows are ranked by it.</li>
+      <li><strong>OOD</strong> (unseen types) &amp; <strong>OOV</strong> (synonym label wording) — robustness
+        tracks, reported for the <em>open-vocab</em> models (Nutrient + the non-VLM generalists). Cloud VLMs
+        train on ~all data, so held-out/open-vocab generalization isn't a meaningful axis for them (shown —).</li>
+    </ul>
+    <p style="margin:10px 0 0"><strong>Reading it:</strong> the in-house models match/lead the cloud on the
+      <em>visual</em> tracks (DocLayNet, Forms) at zero API cost, and trail on <em>Tobacco</em> — a
+      read-the-header task where a VLM's text reading wins. A dash (—) = track not run for that model.</p>
+  </div>
+  <div class="tabs">
+    <button id="t-nonvlm" class="tab on" onclick="setTab('nonvlm')">vs open-vocab models (non-VLM)</button>
+    <button id="t-vlm" class="tab" onclick="setTab('vlm')">vs cloud VLMs</button>
+  </div>
+  <div id="banner"></div>
+  <div class="tablebox"><table><thead id="head"></thead><tbody id="rows"></tbody></table></div>
+  <p class="muted" style="font-size:13px">
+    <span class="chip c-com">Nutrient · commercial</span>
+    <span class="chip c-open">Nutrient · open-weight</span>
+    <span class="chip c-cloud">cloud VLM</span>
+    &nbsp; Highlighted rows are Nutrient models. Numbers are provisional pending a clean scoring pass.</p>
+  <!-- Plain static links so HuggingFace links these model pages (the table links are JS-rendered). -->
+  <p id="models-benchmarked" class="muted" style="font-size:12.5px;margin-top:22px">
+    <strong>Models benchmarked:</strong>
+    <a href="https://huggingface.co/nutrientdocs/document-classification-v2">nutrientdocs/document-classification-v2</a> ·
+    <a href="https://huggingface.co/nutrientdocs/document-classification-v1">nutrientdocs/document-classification-v1</a> ·
+    <a href="https://huggingface.co/google/siglip2-so400m-patch16-512">google/siglip2-so400m-patch16-512</a> ·
+    <a href="https://huggingface.co/google/siglip2-base-patch16-512">google/siglip2-base-patch16-512</a> ·
+    <a href="https://huggingface.co/google/siglip-base-patch16-224">google/siglip-base-patch16-224</a> ·
+    <a href="https://huggingface.co/openai/clip-vit-large-patch14-336">openai/clip-vit-large-patch14-336</a> ·
+    <a href="https://huggingface.co/openai/clip-vit-base-patch32">openai/clip-vit-base-patch32</a> ·
+    <a href="https://huggingface.co/laion/CLIP-ViT-H-14-laion2B-s32B-b79K">laion/CLIP-ViT-H-14</a> ·
+    <a href="https://huggingface.co/apple/DFN5B-CLIP-ViT-H-14-378">apple/DFN5B-CLIP-ViT-H-14-378</a> ·
+    <a href="https://huggingface.co/timm/eva02_large_patch14_clip_336.merged2b_s6b_b61k">timm/eva02_large_patch14_clip_336</a>.
+    Cloud VLMs (no public HF page): GPT-4o / 4o-mini / 4.1 / 4.1-mini · Gemini 2.5 Pro / Flash / Flash-Lite ·
+    Claude Opus / Sonnet / Haiku.</p>
+  <footer>
+    <a href="https://nutrient.io/"><img src="https://avatars2.githubusercontent.com/u/1527679?v=3&s=200" height="34" /></a>
+    Macro-F1 on nutrientdocs/document-classification-benchmark · same <code>score_classify.py</code> for all ·
+    maintained and funded by <a href="https://nutrient.io/">Nutrient</a> ·
+    flagship: <a href="https://huggingface.co/nutrientdocs/document-classification-v2">document-classification-v2</a>
+  </footer>
+</div>
+<script>
+let DATA=[];
+let TAB="nonvlm";   // default: the apples-to-apples open-vocab (non-VLM) fight
+function setTab(t){TAB=t;
+  document.getElementById('t-nonvlm').className='tab'+(t==='nonvlm'?' on':'');
+  document.getElementById('t-vlm').className='tab'+(t==='vlm'?' on':'');
+  render();}
+const CORE=[["doclaynet","DocLayNet"],["forms","Forms"],["tobacco","Tobacco"]];
+const EXTRA=[["ood","OOD*"],["oov","OOV*"]];
+const ALL=CORE.concat(EXTRA);
+function hf(m){return (m&&m.includes("/"))?"https://huggingface.co/"+m:null;}
+function fmt(x){return (x===null||x===undefined)?'<span class="muted">—</span>':x.toFixed(3).replace(/^0/,"");}
+function coreMean(t){const v=CORE.map(c=>t[c[0]]).filter(x=>x!==null&&x!==undefined);
+  return v.length===CORE.length? v.reduce((a,b)=>a+b,0)/v.length : null;}
+function chip(k){return k==="ours-commercial"?'<span class="chip c-com">commercial</span>'
+  :k==="ours-open"?'<span class="chip c-open">open</span>'
+  :k==="generalist"?'<span class="chip c-gen">generalist</span>':'<span class="chip c-cloud">cloud</span>';}
+function render(){
+  // full-coverage (all 3 core tracks) ranked by doc-type mean; partial rows after, by DocLayNet
+  const D=DATA.filter(r=> TAB==="vlm" ? r.kind!=="generalist" : r.kind!=="cloud");  // ours anchor both tabs
+  const full=D.filter(r=>coreMean(r.tracks)!==null).sort((a,b)=>coreMean(b.tracks)-coreMean(a.tracks));
+  const part=D.filter(r=>coreMean(r.tracks)===null).sort((a,b)=>(b.tracks.doclaynet||0)-(a.tracks.doclaynet||0));
+  const rows=full.concat(part);
+  document.getElementById("head").innerHTML='<tr><th class="rank">#</th><th>Model</th>'
+    +ALL.map(t=>`<th class="n">${t[1]}</th>`).join("")+'<th class="barcell">Doc-type mean</th><th class="n">Latency</th></tr>';
+  const tb=document.getElementById("rows");tb.innerHTML="";
+  const max=Math.max(...full.map(r=>coreMean(r.tracks)));
+  rows.forEach((r,i)=>{
+    const m=coreMean(r.tracks), ours=r.kind&&r.kind.startsWith("ours");
+    const tr=document.createElement("tr");if(ours)tr.className="ours";
+    const nm=hf(r.model)?`<a class="name" href="${hf(r.model)}" target="_blank" rel="noopener">${r.name}</a>`:`<span class="name">${r.name}</span>`;
+    tr.innerHTML=`<td class="rank">${m!==null?i+1:''}</td><td>${nm}${chip(r.kind)}</td>`
+      +ALL.map(t=>`<td class="n ${EXTRA.some(e=>e[0]===t[0])?'oursonly':''}">${fmt(r.tracks[t[0]])}</td>`).join("")
+      +(m!==null?`<td><div class="barcell"><div class="bar ${ours?'hl':''}" style="flex:1"><span style="width:${Math.round(m/max*100)}%"></span></div><span class="barnum">${m.toFixed(3).replace(/^0/,"")}</span></div></td>`
+        :`<td class="muted" style="font-size:12px">partial coverage</td>`)
+      +`<td class="n">${r.latency||'<span class="muted">—</span>'}</td>`;
+    tb.appendChild(tr);
+  });
+}
+function setBanner(){const b=document.getElementById("banner");
+  if(DATA.some(d=>d.provisional)){b.className="tracknote";b.style.borderColor="var(--warn)";b.textContent="Provisional numbers — a clean scoring pass on standard hardware is pending.";}}
+fetch("leaderboard.json").then(r=>r.ok?r.json():[]).then(d=>{DATA=Array.isArray(d)?d:(d.results||[]);render();}).catch(()=>render());
+</script>
+</body>
+</html>

leaderboard.json ADDED Viewed

	@@ -0,0 +1,324 @@

+[
+  {
+    "name": "claude-haiku",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.7516,
+      "forms": 0.9892,
+      "tobacco": 0.7773,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "claude-opus",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.8273,
+      "forms": 0.9776,
+      "tobacco": 0.836,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "claude-opus-4.5",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.8317,
+      "forms": 0.9737,
+      "tobacco": 0.8232,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "claude-opus-5",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.8317,
+      "forms": 0.9577,
+      "tobacco": 0.852,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "claude-sonnet",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.8299,
+      "forms": 0.8671,
+      "tobacco": 0.7971,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "claude-sonnet-4.5",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.8223,
+      "forms": 0.989,
+      "tobacco": 0.7725,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "gemini-flash",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.8317,
+      "forms": 1.0,
+      "tobacco": 0.8416,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "gemini-flash-lite",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.799,
+      "forms": 1.0,
+      "tobacco": 0.7981,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "gemini-pro",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.8295,
+      "forms": 1.0,
+      "tobacco": 0.8497,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "gpt-4.1",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.7849,
+      "forms": 1.0,
+      "tobacco": 0.7547,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "gpt-4.1-mini",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.8144,
+      "forms": 1.0,
+      "tobacco": 0.7843,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "gpt-4o",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.8144,
+      "forms": 1.0,
+      "tobacco": 0.7693,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "gpt-4o-mini",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.8065,
+      "forms": 1.0,
+      "tobacco": 0.7357,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "gpt-luna",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.8004,
+      "forms": 1.0,
+      "tobacco": 0.7661,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "gpt-sol",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.8317,
+      "forms": 1.0,
+      "tobacco": 0.8222,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "gpt-terra",
+    "kind": "cloud",
+    "latency": "API",
+    "tracks": {
+      "doclaynet": 0.8223,
+      "forms": 1.0,
+      "tobacco": 0.8251,
+      "ood": null,
+      "oov": null
+    }
+  },
+  {
+    "name": "document-classification-v2",
+    "kind": "ours-commercial",
+    "model": "nutrientdocs/document-classification-v2",
+    "latency": "~8/s (A40)",
+    "tracks": {
+      "doclaynet": 0.883,
+      "forms": 1.0,
+      "tobacco": 0.693,
+      "ood": 0.974,
+      "oov": 0.797
+    }
+  },
+  {
+    "name": "document-classification-v1",
+    "kind": "ours-open",
+    "model": "nutrientdocs/document-classification-v1",
+    "latency": "~3-7/s (A40)",
+    "tracks": {
+      "doclaynet": 0.891,
+      "forms": 0.805,
+      "tobacco": 0.616,
+      "ood": 0.87,
+      "oov": 0.739
+    }
+  },
+  {
+    "name": "clip-vit-base-patch32",
+    "kind": "generalist",
+    "model": "openai/clip-vit-base-patch32",
+    "latency": null,
+    "tracks": {
+      "doclaynet": 0.2843,
+      "forms": 0.0067,
+      "tobacco": 0.356,
+      "ood": 0.1402,
+      "oov": 0.4209
+    }
+  },
+  {
+    "name": "clip-vit-large-patch14-336",
+    "kind": "generalist",
+    "model": "openai/clip-vit-large-patch14-336",
+    "latency": null,
+    "tracks": {
+      "doclaynet": 0.5949,
+      "forms": 0.0161,
+      "tobacco": 0.3748,
+      "ood": 0.1854,
+      "oov": 0.6084
+    }
+  },
+  {
+    "name": "siglip-base-patch16-224",
+    "kind": "generalist",
+    "model": "google/siglip-base-patch16-224",
+    "latency": null,
+    "tracks": {
+      "doclaynet": 0.4346,
+      "forms": 0.2607,
+      "tobacco": 0.3711,
+      "ood": 0.2354,
+      "oov": 0.3677
+    }
+  },
+  {
+    "name": "siglip2-base-patch16-512",
+    "kind": "generalist",
+    "model": "google/siglip2-base-patch16-512",
+    "latency": null,
+    "tracks": {
+      "doclaynet": 0.5529,
+      "forms": 0.0245,
+      "tobacco": 0.4146,
+      "ood": 0.1901,
+      "oov": 0.4984
+    }
+  },
+  {
+    "name": "siglip2-so400m-patch16-512",
+    "kind": "generalist",
+    "model": "google/siglip2-so400m-patch16-512",
+    "latency": null,
+    "tracks": {
+      "doclaynet": 0.6293,
+      "forms": 0.106,
+      "tobacco": 0.431,
+      "ood": 0.2428,
+      "oov": 0.5941
+    }
+  },
+  {
+    "name": "CLIP-ViT-H-14",
+    "kind": "generalist",
+    "model": "laion/CLIP-ViT-H-14",
+    "latency": null,
+    "tracks": {
+      "doclaynet": 0.5593,
+      "forms": 0.2715,
+      "tobacco": 0.5017,
+      "ood": 0.1769,
+      "oov": 0.4013
+    }
+  },
+  {
+    "name": "DFN5B-CLIP-ViT-H-14-378",
+    "kind": "generalist",
+    "model": "apple/DFN5B-CLIP-ViT-H-14-378",
+    "latency": null,
+    "tracks": {
+      "doclaynet": 0.4725,
+      "forms": 0.4533,
+      "tobacco": 0.3404,
+      "ood": 0.2224,
+      "oov": 0.3824
+    }
+  },
+  {
+    "name": "eva02_large_patch14_clip_336",
+    "kind": "generalist",
+    "model": "timm/eva02_large_patch14_clip_336",
+    "latency": null,
+    "tracks": {
+      "doclaynet": 0.5961,
+      "forms": 0.1136,
+      "tobacco": 0.4303,
+      "ood": 0.269,
+      "oov": 0.4878
+    }
+  }
+]

style.css ADDED Viewed

	@@ -0,0 +1,28 @@

+body {
+	padding: 2rem;
+	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
+}
+h1 {
+	font-size: 16px;
+	margin-top: 0;
+}
+p {
+	color: rgb(107, 114, 128);
+	font-size: 15px;
+	margin-bottom: 10px;
+	margin-top: 5px;
+}
+.card {
+	max-width: 620px;
+	margin: 0 auto;
+	padding: 16px;
+	border: 1px solid lightgray;
+	border-radius: 16px;
+}
+.card p:last-child {
+	margin-bottom: 0;
+}