From f133b3e035e832b4ec3da7d5f60c9993650c2106 Mon Sep 17 00:00:00 2001
From: jos <wjosdejong@gmail.com>
Date: Thu, 12 Jun 2014 15:43:06 +0200
Subject: [PATCH] Updated main example in docs

---
 docs/index.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 7a83de95..1d6e3bd8 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -162,16 +162,23 @@ var timeline = new vis.Timeline(container, data, options);
 &lt;div id="visualization"&gt;&lt;/div&gt;
 
 &lt;script type="text/javascript"&gt;
+  // DOM element where the Timeline will be attached
   var container = document.getElementById('visualization');
-  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);
 &lt;/script&gt;
 &lt;/body&gt;