saving.

Author: lemire

html/index.html

@@ -138,10 +138,12 @@ <h1>Uint8Array Base64 Benchmark</h1>
           const ms = hz > 0 ? 1000 / hz : Infinity;
           const bytes = name.includes('fromBase64') ? bytesDecoded : bytesEncoded;
           const mbps = hz > 0 ? (bytes * hz / (1024*1024)) : 0;
+          const moeMs = event.target.stats.moe * 1000;
+          const relError = isFinite(ms) ? (moeMs / ms) * 100 : 0;
           const msDisplay = isFinite(ms) ? Number(ms).toPrecision(3) : '∞';
-          const line = `${name.padEnd(32)} ${msDisplay} ms → ${mbps.toFixed(2)} MiB/s\n`;
+          const line = `${name.padEnd(32)} ${msDisplay} ms (±${relError.toFixed(2)}%) → ${mbps.toFixed(2)} MiB/s\n`;
           resultsDiv.textContent += line;
-          results.push({ size: s, name, hz, mbps: parseFloat(mbps) });
+          results.push({ size: s, name, hz, mbps: parseFloat(mbps), moe: moeMs, relError });
         });
 
         suite.on('complete', function() {
@@ -211,7 +213,19 @@ <h1>Uint8Array Base64 Benchmark</h1>
           responsive: true,
           plugins: {
             title: { display: true, text: 'Base64 Benchmark (MiB/s) by payload size' },
-            tooltip: { mode: 'index', intersect: false }
+            tooltip: { 
+              mode: 'index', 
+              intersect: false,
+              callbacks: {
+                label: function(context) {
+                  const size = sizes[context.dataIndex];
+                  const name = context.dataset.label;
+                  const entry = results.find(r => r.size === size && r.name === name);
+                  const relError = entry ? entry.relError : 0;
+                  return `${name}: ${context.parsed.y.toFixed(2)} MiB/s (±${relError.toFixed(2)}%)`;
+                }
+              }
+            }
           },
           scales: {
             y: { beginAtZero: true, title: { display: true, text: 'MiB/s' } }