Skip to content

Instantly share code, notes, and snippets.

@lmaccherone

lmaccherone/index.html

Last active June 16, 2018 17:36
Show Gist options
  • Save lmaccherone/00242890fb908e8fc7ed5d792cd3bdc9 to your computer and use it in GitHub Desktop.
Save lmaccherone/00242890fb908e8fc7ed5d792cd3bdc9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype html>
<html>
<head>
<meta charset='utf8'>
<meta name='viewport' content='width=device-width'>
<title>MatrX-Radar example</title>
<link rel='stylesheet' href='styles.css'>
<base href="/" />
</head>
<body>
<script src='./script.js'></script>
<h1>Placeholder</h1>
</body>
</html>
Raw
script.js
console.log('hello')
import {MatrxRadar} from 'https://raw.githubusercontent.com/morganmaccherone/matrx-radar/master/matrx-radar.mjs'
let radar = new MatrxRadar({
target: document.body,
data: {
disciplines: [
{
discipline: "Artisanship",
practices: [
{practice: "Yellow belt", description: "100% of group members... Yellow Belt training", levels: [
{portion: 4},
{portion: 2},
{portion: 2},
{portion: 1},
{portion: 1},
]},
{practice: "Green belt", description: "At least one Green Belt...", levels: [
{portion: 0},
{portion: 0},
{portion: 0},
{portion: 2},
{portion: 7},
]},
]
},
{
discipline: "Architecture & Design",
practices: [
{practice: "Threat modeling", description: "blah blah", levels: [
{portion: 4},
{portion: 2},
{portion: 2},
{portion: 1},
{portion: 1},
]},
]
},
{
discipline: "DevSecOps Tools",
practices: [
{practice: "PCA in pipeline", description: "blah, blah", levels: [
{portion: 2},
{portion: 2},
{portion: 4},
{portion: 1},
{portion: 1},
]},
{practice: "SCA in pipeline", description: "blah, blah", levels: [
{portion: 7},
{portion: 0},
{portion: 1},
{portion: 1},
{portion: 1},
]},
{practice: "Working agreements", description: "blah, blah", levels: [
{portion: 2},
{portion: 2},
{portion: 1},
{portion: 3},
{portion: 0},
]},
]
},
]
}
});
Raw
styles.css
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment