Upload benchmark.html with huggingface_hub
Browse files- benchmark.html +25 -2
benchmark.html
CHANGED
|
@@ -10,12 +10,12 @@
|
|
| 10 |
<body class="benchmark-page">
|
| 11 |
<header class="bench-nav">
|
| 12 |
<a class="brand" href="index.html"><strong>RESMP.DEV</strong></a>
|
| 13 |
-
<span>BENCHMARK INSTRUMENT / REV 01</span><a href="index.html">← ORG CARD</a>
|
| 14 |
</header>
|
| 15 |
<main class="bench-shell">
|
| 16 |
<div class="bench-intro">
|
| 17 |
<div><p class="eyebrow"><span></span> DATA-DRIVEN SMALL MULTIPLES</p><h1>Evaluation<br><em>instrument.</em></h1></div>
|
| 18 |
-
<div class="bench-note"><b>
|
| 19 |
</div>
|
| 20 |
<resmp-benchmark-chart id="demo-chart">
|
| 21 |
<script type="application/json">
|
|
@@ -29,6 +29,19 @@
|
|
| 29 |
]}
|
| 30 |
</script>
|
| 31 |
</resmp-benchmark-chart>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 32 |
<section class="contract">
|
| 33 |
<span>INPUT CONTRACT</span>
|
| 34 |
<pre><code>{ title, subtitle, higherIsBetter,
|
|
@@ -38,6 +51,16 @@
|
|
| 38 |
}] }] }</code></pre>
|
| 39 |
<p>Plain Web Component. No framework, external font, chart library, or build step. Drop <code>benchmark-chart.js</code> and <code>benchmark-component.css</code> beside any static report.</p>
|
| 40 |
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 41 |
</main>
|
| 42 |
</body>
|
| 43 |
</html>
|
|
|
|
| 10 |
<body class="benchmark-page">
|
| 11 |
<header class="bench-nav">
|
| 12 |
<a class="brand" href="index.html"><strong>RESMP.DEV</strong></a>
|
| 13 |
+
<span>BENCHMARK INSTRUMENT / REV 01</span><div class="bench-links"><a href="BENCHMARK_SYSTEM_CARD.md">SYSTEM CARD</a><a href="index.html">← ORG CARD</a></div>
|
| 14 |
</header>
|
| 15 |
<main class="bench-shell">
|
| 16 |
<div class="bench-intro">
|
| 17 |
<div><p class="eyebrow"><span></span> DATA-DRIVEN SMALL MULTIPLES</p><h1>Evaluation<br><em>instrument.</em></h1></div>
|
| 18 |
+
<div class="bench-note"><b>WHAT THIS IS</b><p>A zero-dependency chart component for publishing grouped model evaluations as consistent small multiples. Give it validated JSON; it preserves series identity, a shared scale, direct labels, print layout, and an exportable browser SVG.</p></div>
|
| 19 |
</div>
|
| 20 |
<resmp-benchmark-chart id="demo-chart">
|
| 21 |
<script type="application/json">
|
|
|
|
| 29 |
]}
|
| 30 |
</script>
|
| 31 |
</resmp-benchmark-chart>
|
| 32 |
+
|
| 33 |
+
<section class="explain-grid">
|
| 34 |
+
<article><span>01 / PURPOSE</span><h2>Comparisons that stay comparable.</h2><p>One series order and one scale are applied across every benchmark panel. Readers can scan model behavior across STEM, instruction following, tool use, agentic tasks, or any custom family without relearning the encoding.</p></article>
|
| 35 |
+
<article><span>02 / INPUT</span><h2>Plain JSON, no chart library.</h2><p>Define series once, then group named panels containing numeric values keyed by series ID. Embed the JSON in HTML or assign it through the Web Component’s <code>config</code> property.</p></article>
|
| 36 |
+
<article><span>03 / OUTPUT</span><h2>Web, print, and SVG.</h2><p>The responsive web view collapses cleanly on mobile. Print mode removes the surrounding UI. SVG export preserves the complete browser-rendered composition; see the system card for portability limits.</p></article>
|
| 37 |
+
</section>
|
| 38 |
+
|
| 39 |
+
<section class="receipt-strip">
|
| 40 |
+
<div><b>NO FRAMEWORK</b><span>Native Web Component</span></div>
|
| 41 |
+
<div><b>NO RUNTIME DATA FETCH</b><span>Deterministic embedded input</span></div>
|
| 42 |
+
<div><b>EXPLICIT MISSING DATA</b><span>Rendered as N/A, never zero</span></div>
|
| 43 |
+
<div><b>SHARED SCALE</b><span>Across the full evaluation matrix</span></div>
|
| 44 |
+
</section>
|
| 45 |
<section class="contract">
|
| 46 |
<span>INPUT CONTRACT</span>
|
| 47 |
<pre><code>{ title, subtitle, higherIsBetter,
|
|
|
|
| 51 |
}] }] }</code></pre>
|
| 52 |
<p>Plain Web Component. No framework, external font, chart library, or build step. Drop <code>benchmark-chart.js</code> and <code>benchmark-component.css</code> beside any static report.</p>
|
| 53 |
</section>
|
| 54 |
+
|
| 55 |
+
<section class="resources">
|
| 56 |
+
<div><span>DOCUMENTATION</span><h2>Use the instrument.</h2></div>
|
| 57 |
+
<div class="resource-links">
|
| 58 |
+
<a href="BENCHMARK_SYSTEM_CARD.md"><b>MODEL / SYSTEM CARD</b><small>Purpose, interpretation, limitations, accessibility, and versioning.</small></a>
|
| 59 |
+
<a href="benchmark.schema.json"><b>JSON SCHEMA</b><small>Validate chart inputs before publication.</small></a>
|
| 60 |
+
<a href="benchmark.example.json"><b>CANONICAL EXAMPLE</b><small>The demonstration matrix as reusable data.</small></a>
|
| 61 |
+
<a href="benchmark-chart.js"><b>WEB COMPONENT</b><small>Zero-dependency renderer and exporter.</small></a>
|
| 62 |
+
</div>
|
| 63 |
+
</section>
|
| 64 |
</main>
|
| 65 |
</body>
|
| 66 |
</html>
|