diff --git a/img/gallery/timeline/17_data_serialization.png b/img/gallery/timeline/17_data_serialization.png
new file mode 100644
index 00000000..e776b89a
Binary files /dev/null and b/img/gallery/timeline/17_data_serialization.png differ
diff --git a/index.html b/index.html
index 5e7e1866..2406f84f 100644
--- a/index.html
+++ b/index.html
@@ -97,15 +97,15 @@ bower install vis
     // DOM element where the Timeline will be attached
     var container = document.getElementById('mytimeline');
 
-    // Create data
-    var data = [
+    // Create a DataSet with data (enables 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 = {};
@@ -224,6 +224,12 @@ The source code of the examples can be found in the
       <div>navigation menu</div>
     </a>
   </div>
+  <div class="thumb">
+    <a href="examples/timeline/17_data_serialization.html">
+      <img src="img/gallery/timeline/17_data_serialization.png">
+      <div>data_serialization</div>
+    </a>
+  </div>
 </div>
 
 <h3 id="graph">Graph</h3>