Skip to content

Instantly share code, notes, and snippets.

@marinaglancy
Last active August 29, 2015 14:21
Show Gist options
  • Select an option

  • Save marinaglancy/e620e309a11016a5d61e to your computer and use it in GitHub Desktop.

Select an option

Save marinaglancy/e620e309a11016a5d61e to your computer and use it in GitHub Desktop.
Moodle releases calendar
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["timeline","corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var container = document.getElementById('timeline');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'Version' });
dataTable.addColumn({ type: 'string', id: 'Name' });
dataTable.addColumn({ type: 'date', id: 'Release' });
dataTable.addColumn({ type: 'date', id: 'End of support' });
dataTable.addRows([
[ '2.6', '2.6', new Date(2013, 10, 11), new Date(2014, 0, 13) ], [ '2.6', '2.6.1', new Date(2014, 0, 13), new Date(2014, 2, 10) ], [ '2.6', '2.6.2', new Date(2014, 2, 10), new Date(2014, 4, 12) ], [ '2.6', '2.6.3', new Date(2014, 4, 12), new Date(2014, 6, 14) ], [ '2.6', '2.6.4', new Date(2014, 6, 14), new Date(2014, 8, 8) ], [ '2.6', '2.6.5', new Date(2014, 8, 8), new Date(2014, 10, 10) ], [ '2.6', '2.6.6', new Date(2014, 10, 10), new Date(2015, 0, 12) ], [ '2.6', '2.6.7', new Date(2015, 0, 12), new Date(2015, 1, 2) ], [ '2.6', '2.6.8', new Date(2015, 1, 2), new Date(2015, 2, 9) ], [ '2.6', '2.6.9', new Date(2015, 2, 9), new Date(2015, 2, 10) ], [ '2.6', '2.6.10', new Date(2015, 2, 10), new Date(2015, 4, 11) ], [ '2.6', '2.6.11', new Date(2015, 4, 11), new Date(2015, 4, 12) ], [ '2.7', '2.7', new Date(2014, 4, 12), new Date(2014, 6, 14) ], [ '2.7', '2.7.1', new Date(2014, 6, 14), new Date(2014, 8, 8) ], [ '2.7', '2.7.2', new Date(2014, 8, 8), new Date(2014, 10, 10) ], [ '2.7', '2.7.3', new Date(2014, 10, 10), new Date(2015, 0, 12) ], [ '2.7', '2.7.4', new Date(2015, 0, 12), new Date(2015, 1, 2) ], [ '2.7', '2.7.5', new Date(2015, 1, 2), new Date(2015, 2, 9) ], [ '2.7', '2.7.6', new Date(2015, 2, 9), new Date(2015, 2, 10) ], [ '2.7', '2.7.7', new Date(2015, 2, 10), new Date(2015, 4, 11) ], [ '2.7', '2.7.8', new Date(2015, 4, 11), new Date(2015, 6, 13) ], [ '2.7', '2.7 security supported', new Date(2015, 6, 13), new Date(2017, 4, 8) ], [ '2.8', '2.8', new Date(2014, 10, 10), new Date(2014, 10, 13) ], [ '2.8', '2.8.1', new Date(2014, 10, 13), new Date(2015, 0, 12) ], [ '2.8', '2.8.2', new Date(2015, 0, 12), new Date(2015, 1, 2) ], [ '2.8', '2.8.3', new Date(2015, 1, 2), new Date(2015, 2, 9) ], [ '2.8', '2.8.4', new Date(2015, 2, 9), new Date(2015, 2, 10) ], [ '2.8', '2.8.5', new Date(2015, 2, 10), new Date(2015, 4, 11) ], [ '2.8', '2.8.6', new Date(2015, 4, 11), new Date(2015, 6, 13) ], [ '2.8', '2.8 support continues', new Date(2015, 6, 13), new Date(2015, 10, 9) ], [ '2.8', '2.8 security supported', new Date(2015, 10, 9), new Date(2016, 4, 9) ], [ '2.9', '2.9', new Date(2015, 4, 11), new Date(2015, 6, 13) ], [ '2.9', '2.9 support continues', new Date(2015, 6, 13), new Date(2016, 4, 9) ], [ '2.9', '2.9 security supported', new Date(2016, 4, 9), new Date(2016, 10, 14) ], [ '3.0', '3.0', new Date(2015, 10, 9), new Date(2016, 10, 14) ], [ '3.0', '3.0 security supported', new Date(2016, 10, 14), new Date(2018, 10, 12) ], [ '3.1', '3.1', new Date(2016, 4, 9), new Date(2017, 4, 8) ], [ '3.1', '3.1 security supported', new Date(2017, 4, 8), new Date(2017, 10, 13) ], [ '3.2', '3.2', new Date(2016, 10, 14), new Date(2017, 10, 13) ], [ '3.2', '3.2 security supported', new Date(2017, 10, 13), new Date(2018, 4, 14) ], [ '3.3', '3.3', new Date(2017, 4, 8), new Date(2018, 4, 14) ], [ '3.3', '3.3 security supported', new Date(2018, 4, 14), new Date(2018, 10, 12) ] ]);
var options = {
colors: ['#c69c6e','#c69c6e','#c69c6e','#c69c6e','#c69c6e','#c69c6e','#cbb69d','#cbb69d','#cbb69d','#cbb69d','#cbb69d','#cbb69d','#c69c6e','#c69c6e','#c69c6e','#c69c6e','#c69c6e','#c69c6e','#c69c6e','#c69c6e','#cbb69d','#cbb69d','#c69c6e','#c69c6e','#c69c6e','#c69c6e','#c69c6e','#c69c6e','#603913','#c69c6e','#cbb69d','#603913','#c69c6e','#cbb69d','#c69c6e','#cbb69d','#c69c6e','#cbb69d','#c69c6e','#cbb69d','#c69c6e','#cbb69d'],
avoidOverlappingGridLines: true
};
chart.draw(dataTable, options);
}
</script>
</head>
<body>
<div id="timeline" style="width: 1700px; height: 400px;"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment