JSFiddle - React, Tailwind, and code Playground

by sym3tri

HTML

<script src="https://raw.github.com/racker/glimpse.js/master/glimpse.js"></script>
<body>
<div id="dashboard"></div>
</body>

JavaScript

var region = 'ord', metric_name = 'bytes',
    oneHr = 1000 * 60 * 60;

//specify data source and format
  var glimpseData = [
        {
          id: region + "." + metric_name,
          title: 'foo',
          data: [
              {x: oneHr*9, y: 100},
              {x: oneHr*10, y:200}
          ],
          dimensions: {
            x: 'x',
            y: 'y'
          }
        }
      ];
 
//make new instance of glimpse
var modal = glimpse.graphBuilder.create('line')
        .data(glimpseData)
        .render('#dashboard');