diff --git a/index.html b/index.html
index 9a449e57..282647b8 100644
--- a/index.html
+++ b/index.html
@@ -94,16 +94,23 @@ bower install vis
<div id="mytimeline"></div>
<script type="text/javascript">
+ // DOM element where the Timeline will be attached
var container = document.getElementById('mytimeline');
- var data = [
+
+ // Create a DataSet (allows two way data-binding)
+ var data = new vis.DataSet([
{id: 1, content: 'item 1', start: '2013-04-20'},
{id: 2, content: 'item 2', start: '2013-04-14'},
{id: 3, content: 'item 3', start: '2013-04-18'},
{id: 4, content: 'item 4', start: '2013-04-16', end: '2013-04-19'},
{id: 5, content: 'item 5', start: '2013-04-25'},
{id: 6, content: 'item 6', start: '2013-04-27'}
- ];
+ ]);
+
+ // Configuration for the Timeline
var options = {};
+
+ // Create a Timeline
var timeline = new vis.Timeline(container, data, options);
</script>
</body>