jrtechs
/
jrtechs-vis
mirror of https://github.com/jrtechs/vis.git

<!DOCTYPE HTML><html><head>  <title>Timeline | Basic demo</title>
  <style type="text/css">    body, html {      font-family: sans-serif;    }
    div.SVGforeground {        width:300px;        height:300px;    }
      svg.svgclass {          width:300px;          height:300px;
      }  </style>
  <script src="../../dist/vis.js"></script>  <link href="../../dist/vis.css" rel="stylesheet" type="text/css" /></head><body><div id="visualization"></div>
<script type="text/javascript">  var container = document.getElementById('visualization');  var items = [    {id: 1, content: 'item 1', start: '2014-05-20'},    {id: 2, content: 'item 2', start: '2014-05-14'},    {id: 3, content: 'item 3', start: '2014-05-18'},    {id: 4, content: 'item 4', start: '2014-05-16', end: '2014-05-19'},    {id: 5, content: 'item 5', start: '2014-05-25'},    {id: 6, content: 'item 6', start: '2014-05-27', type: 'point'}  ];  var options = {};  var timeline = new vis.Timeline(container, items, options);</script></body></html>