owendall/index.html

## index.html
<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Mapping Status Timeline</title>
  <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  <script type="text/javascript">
    google.load('visualization', '1', {packages: ['annotatedtimeline']});
    function drawVisualization() {
      var data = new google.visualization.DataTable();
      data.addColumn('date', 'Date');
      data.addColumn('number', 'Mappings');
      data.addColumn('string', 'title1');
      data.addColumn('string', 'text1');
      data.addColumn('number', 'Tests');
      data.addColumn('string', 'title2');
      data.addColumn('string', 'text2');
      data.addRows([
        [new Date(2012, 5 ,5), 5, null, null, 3, null, null],
        [new Date(2012, 5 ,6), 3, null, null, 4, null, null],
        [new Date(2012, 5 ,9), 5, null, null, 5, null, null],
        [new Date(2012, 5 ,10), 8, null, null, 6, 'Good teamwork', 'Testing halted'],
        [new Date(2012, 5 ,11), 12, 'Big push', 'Deadline ahead', 10, null, null],
        [new Date(2012, 5 ,12), 14, null, null, 10, null, null]
      ]);

      var annotatedtimeline = new google.visualization.AnnotatedTimeLine(
          document.getElementById('visualization'));
      annotatedtimeline.draw(data, {'displayAnnotations': true});
    }

    google.setOnLoadCallback(drawVisualization);
  </script>
</head>
<body style="font-family: Arial;border: 0 none;">
<div id="visualization" style="width: 800px; height: 200px;"></div>
</body>
</html>
	<!--
	You are free to copy and use this sample in accordance with the terms of the
	Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
	-->

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Mapping Status Timeline</title>
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript">
	google.load('visualization', '1', {packages: ['annotatedtimeline']});
	function drawVisualization() {
	var data = new google.visualization.DataTable();
	data.addColumn('date', 'Date');
	data.addColumn('number', 'Mappings');
	data.addColumn('string', 'title1');
	data.addColumn('string', 'text1');
	data.addColumn('number', 'Tests');
	data.addColumn('string', 'title2');
	data.addColumn('string', 'text2');
	data.addRows([
	[new Date(2012, 5 ,5), 5, null, null, 3, null, null],
	[new Date(2012, 5 ,6), 3, null, null, 4, null, null],
	[new Date(2012, 5 ,9), 5, null, null, 5, null, null],
	[new Date(2012, 5 ,10), 8, null, null, 6, 'Good teamwork', 'Testing halted'],
	[new Date(2012, 5 ,11), 12, 'Big push', 'Deadline ahead', 10, null, null],
	[new Date(2012, 5 ,12), 14, null, null, 10, null, null]
	]);

	var annotatedtimeline = new google.visualization.AnnotatedTimeLine(
	document.getElementById('visualization'));
	annotatedtimeline.draw(data, {'displayAnnotations': true});
	}

	google.setOnLoadCallback(drawVisualization);
	</script>
	</head>
	<body style="font-family: Arial;border: 0 none;">
	<div id="visualization" style="width: 800px; height: 200px;"></div>
	</body>
	</html>