Skip to content

Instantly share code, notes, and snippets.

@elecnix

elecnix/metrics-matrix.html

Created December 8, 2016 18:55
Show Gist options
  • Save elecnix/ec0bf5cb5a6a6c411f0996af5f60f544 to your computer and use it in GitHub Desktop.
Save elecnix/ec0bf5cb5a6a6c411f0996af5f60f544 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
metrics-matrix.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.sparkline.js"></script>
<script type="text/javascript">
$(function() {
for (row = 0; row < 80; row++) {
var myvalues = [];
for (i = 0; i < 500; i++) {
myvalues.push(Math.random());
}
var elem = $('#lines').append($('<div id="spark' + row + '" style="margin-top: -6px;">asdfg</div>'));
$('#spark' + row).sparkline(myvalues, {
type: 'line',
spotColor: undefined,
minSpotColor: undefined,
maxSpotColor: undefined,
highlightSpotColor: undefined,
highlightLineColor: undefined,
spotRadius: 0,
lineColor: '#00bf00',
fillColor: '#000000'
});
}
});
</script>
</head>
<body style="background-color: #000000">
<p id="lines"></p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment