@inb/oeb-classification-table
v1.3.4
Published
Repository that contains the table used in OpenEBench for the classification of benchmarking results
Downloads
250
Readme
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