From 6f1f5b1d96cc6b41d11c016e3a4cb9b24705887e Mon Sep 17 00:00:00 2001
From: jos <wjosdejong@gmail.com>
Date: Thu, 12 Jun 2014 15:39:38 +0200
Subject: [PATCH] Updated the basic example, uses DataSet now

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

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
   &lt;div id="mytimeline"&gt;&lt;/div&gt;
 
   &lt;script type="text/javascript"&gt;
+    // 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);
   &lt;/script&gt;
 &lt;/body&gt;