vis.js demo

Using vis.js to display PagerDuty incidents

HTML

<script src="http://visjs.org/dist/vis.js"></script>
<link rel="stylesheet" href="http://visjs.org/dist/vis.css">
<script src="http://eurica.github.io/pdjs/js/pdjs.js"></script>

<div id="visualization"></div>

JavaScript

var container = document.getElementById('visualization');

    var items = new vis.DataSet([
      {id: 1, content: '1) Next To 2', start: '2014-04-20 00:00:00', end : '2014-04-20 00:59:59'},
      {id: 2, content: '2) Next To 1', start: '2014-04-20 01:00:00', end : '2014-04-20 02:59:59'},
      {id: 3, content: 'Underneath   ', start: '2014-04-20 00:00:00', end : '2014-04-20 05:59:59'}
    ]);

    var options = {};

    var timeline = new vis.Timeline(container, items, options);