--- Revision None
+++ Revision 363933653562
@@ -0,0 +1,44 @@
+function drawVisualization() {
+  var data = new google.visualization.DataTable();
+  data.addColumn('date', 'Date');
+  data.addColumn('number', 'Sold Pencils');
+  data.addColumn('string', 'title1');
+  data.addColumn('string', 'text1');
+  data.addColumn('number', 'Sold Pens');
+  data.addColumn('string', 'title2');
+  data.addColumn('string', 'text2');
+  data.addRows(6);
+  data.setValue(0, 0, new Date(2008, 1 ,1));
+  data.setValue(0, 1, 30000);
+  data.setValue(0, 4, 40645);
+  data.setValue(1, 0, new Date(2008, 1 ,2));
+  data.setValue(1, 1, 14045);
+  data.setValue(1, 4, 20374);
+  data.setValue(2, 0, new Date(2008, 1 ,3));
+  data.setValue(2, 1, 55022);
+  data.setValue(2, 4, 50766);
+  data.setValue(3, 0, new Date(2008, 1 ,4));
+  data.setValue(3, 1, 75284);
+  data.setValue(3, 4, 14334);
+  data.setValue(3, 5, 'Out of Stock');
+  data.setValue(3, 6, 'Ran out of stock on pens at 4pm');
+  data.setValue(4, 0, new Date(2008, 1 ,5));
+  data.setValue(4, 1, 41476);
+  data.setValue(4, 2, 'Bought Pens');
+  data.setValue(4, 3, 'Bought 200k pens');
+  data.setValue(4, 4, 66467);
+  data.setValue(5, 0, new Date(2008, 1 ,6));
+  data.setValue(5, 1, 33322);
+  data.setValue(5, 4, 39463);
+  
+  var annotatedtimeline = new google.visualization.AnnotatedTimeLine(
+      document.getElementById('visualization'));
+  annotatedtimeline.draw(data, {'displayAnnotations': true});
+  
+  google.visualization.events.addListener(annotatedtimeline, 'ready', function(){
+    var range = annotatedtimeline.getVisibleChartRange();
+    annotatedtimeline.setVisibleChartRange(range['start'], range['end']);
+    var range2 = annotatedtimeline.getVisibleChartRange();
+    annotatedtimeline.setVisibleChartRange(range2['start'], range2['end']);
+  });
+}