Faculty at CMU (@cmudig) and researcher at @apple.
Published
Edited
Jan 14, 2022
Importers
1 star
function sqrt(b) {
b.tic(); // start timing
for (let i = 0; i < b.iterations; i++) {
const sum = Math.sqrt(i);
}
b.toc(); // end timing
b.end(); // finish the benchmark
}
benchTable('Math.sqrt', sqrt)
function bench(...args) {
function executor(resolve, reject) {
let results = [];
// Create a new benchmark harness:
const h = stdlib.harness.createHarness(onFinish);
// Create a stream for benchmark results:
const stream = h.createStream({ objectMode: true });
// Listen for 'data' events (i.e., benchmark results):
stream.on("data", onResults);
// Run the provided benchmark(s):
h.apply(h, args);
function onResults(data) {
results.push(data);
}
function onFinish() {
// Once a benchmark finishes, close the harness:
h.close();
// Return the benchmark results:
resolve(results);
}
}
return new Promise(executor);
}
// creates a table representation of the benchmark results
function benchTable(...args) {
const $view = html`<progress style="margin-right:.5em;width:5em"></progress><output style="font:13px var(--sans-serif)">Running benchmark...</output>`;
bench(...args).then(results => {
const table = md`
## ${args[0]}
<table style="max-width: 100%">
<thead>
<tr>
<th style="text-align:left">Ok</th>
<th style="text-align:right">Iterations</th>
<th style="text-align:right">Elapsed</th>
<th style="text-align:right">Rate</th>
<th style="text-align:right">Benchmark</th>
</tr>
</thead>
<tbody>
${results.filter(
r => r.type === 'result'
).map(
e =>
html`<tr>
<td>${e.ok}</td>
<td style="text-align:right; font-variant-numeric: tabular-nums">${commas(
e.iterations
)}</td>
<td style="text-align:right; font-variant-numeric: tabular-nums">${fmt(
e.elapsed
)} ms</td>
<td style="text-align:right; font-variant-numeric: tabular-nums">${fmt(
e.rate
)} ops/s</td>
<td style="text-align:right; font-variant-numeric: tabular-nums">${
e.benchmark
}</td>
</tr>`
)}
</tbody>
</table>
`;
$view.replaceWith(table);
});
return $view;
}
stdlib = require("@stdlib/dist-flat")
fmt = d3.format(',.2f')
commas = d3.format(',d')
d3 = require('d3')
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
