@inb/oeb-classification-table

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