<!DOCTYPE HTML> <html> <head> <title>Timeline | Basic demo</title> <style type="text/css"> body, html { font-family: sans-serif; } </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 = [ {start: '2014-05-05', value: 80}, {start: '2014-05-18', value: 30}, {start: '2014-05-21', value: 30}, {start: '2014-07-30', value: 70}, {start: '2014-07-25', value: 65}, {start: '2014-06-30', value: 30}, {start: '2014-08-05', value: 40} ]; var options = {}; var timeline = new vis.Timeline(container, items, options); </script> </body> </html>