Powerade is a JavaScript library that creates a stakeholders analysis visualization of your data.

Choose one of this options:

<script src='https://cdn.jsdelivr.net/npm/[email protected]/dist/main.js'></script>

npm install powerade

The main library should be in node_modules/powerade/dist/main.js.

If your are using Rails you need to add this to your application.js:

//= require powerade/dist/main

Then, call the init function to load the visualization within a target div:

const target = document.querySelector('div#powerade');
const elements = [{
  label: 'some label',
  values: {
    'x-dimension': 1,
    'y-dimension': 2,
    'z-dimension': 3
  }
}];
Powerade.init(target, elements);

yarn watch

Check the generated files at dist/.

yarn lint
yarn test