OpenEBench Scientific Benchmarking results classification table
Repository that contains the table used in OpenEBench for the classification of benchmarking results
Live Demo
See a demo of how this visualizer works here
NPM Package
NPM Package @inb/oeb-classification-table
published to: https://www.npmjs.com/package/@inb/oeb-classification-table
Data Input
Per default it consumes the OpenEBench Sci-API (deprecated) and Bench-Event-API.
It is also able to consume the new API OpenEBench API Scientific.
The API can be set by supplying the following attribute: data-api-url="{{ API_URL }}"
and data-bench-event-api-url="{{ BENCH_EVENT_API_URL }}"
Classification methods
- Square quartiles - divide the plotting area in four squares by getting the 2nd quartile of the X and Y metrics.
- Diagonal quartiles - divide the plotting area with diagonal lines by assigning a score to each participant based in the distance to the 'optimal performance'.
- Clustering - group the participants using the K-means clustering algorithm and sort the clusters according to the performance.
How to use
The component can be imported in two way: As npm package (preferred), or via the build file from the git repository (see bottom).
Use the npm package
npm i @inb/oeb-classification-table
In your frontend component:
import { run_summary_table } from "@inb/oeb-classification-table";
You can then call the run_summary_table()
function.
The HTML file should look like this
Attributes that can be set on the <div> tag
- data-benchmarkingevent : the official OEB id of the benchmarking event you want to visualize
- class: should always be 'oeb-table'
- data-api-url: Should always contain the full API URL e.g. https://openebench.bsc.es/api/scientific/graphql
Example:
<div class="oeb-table" data-benchmarkingevent="OEBE0020000000" data-api-url="{{ API_URL }}"></div>
Alternative way: Clone from repository
Requirements:
-npm -http server
Clone the repo to your document root :
git clone https://github.com/inab/bench_event_table.git
Install dependencies from package.json :
npm ci
Export node moodules :
export PATH="$(npm root)/.bin/:$PATH"
Compile with webpack and visualize sample results in your localhost (add -w
for continuous rebuilds):
webpack-cli -d
If you get an error similar to this due you are using a version of Node newer than v16 (where a security hole was fixed)
webpack is watching the files…
node:internal/crypto/hash:69
this[kHandle] = new _Hash(algorithm, xofLen);
^
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:69:19)
at Object.createHash (node:crypto:138:10)
at module.exports (/home/jmfernandez/projects/OpenEBench/bench_event_table/node_modules/webpack/lib/util/createHash.js:90:53)
at NormalModule._initBuildHash (/home/jmfernandez/projects/OpenEBench/bench_event_table/node_modules/webpack/lib/NormalModule.js:402:16)
at handleParseError (/home/jmfernandez/projects/OpenEBench/bench_event_table/node_modules/webpack/lib/NormalModule.js:450:10)
at /home/jmfernandez/projects/OpenEBench/bench_event_table/node_modules/webpack/lib/NormalModule.js:482:5
at /home/jmfernandez/projects/OpenEBench/bench_event_table/node_modules/webpack/lib/NormalModule.js:343:12
at /home/jmfernandez/projects/OpenEBench/bench_event_table/node_modules/loader-runner/lib/LoaderRunner.js:373:3
at iterateNormalLoaders (/home/jmfernandez/projects/OpenEBench/bench_event_table/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
at Array.<anonymous> (/home/jmfernandez/projects/OpenEBench/bench_event_table/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
at Storage.finished (/home/jmfernandez/projects/OpenEBench/bench_event_table/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
at /home/jmfernandez/projects/OpenEBench/bench_event_table/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9
at /home/jmfernandez/projects/OpenEBench/bench_event_table/node_modules/graceful-fs/graceful-fs.js:90:16
at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read/context:68:3) {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Node.js v20.6.1
then try next line to one shot compilation
NODE_OPTIONS=--openssl-legacy-provider webpack-cli -d
Add the build file which you can download from build/build.js
and tag it into your html. You can then call the run_summary_table()
function.
The HTML file should look like this or this other