D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
owendall
Full window
Github gist
New Mappings Created
<!-- You are free to copy and use this sample in accordance with the terms of the Apache license (https://www.apache.org/licenses/LICENSE-2.0.html) --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="https://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="https://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>
Modified
http://www.google.com/jsapi
to a secure url
https://www.google.com/jsapi