Skip to content

Instantly share code, notes, and snippets.

@Dhaulagiri

Dhaulagiri/index.html

Forked from anonymous/index.html
Created March 14, 2017 20:44
Show Gist options
  • Save Dhaulagiri/1d134a07c978557cccdcebee1c455e43 to your computer and use it in GitHub Desktop.
Save Dhaulagiri/1d134a07c978557cccdcebee1c455e43 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<h1 class="margin-top: 100px;" align="center">Ember.js vs. Dashboard</h1>
<h3 align="center">Release date vs. Dashboard adoption</h3>
<div id="timeline" style="height: 100%; width: 100%; text-align:center;"></div>
<script id="jsbin-javascript">
google.charts.load("current", {packages:["timeline"]});
google.charts.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: 'Role' });
dataTable.addColumn({ type: 'string', id: 'Name' });
dataTable.addColumn({ type: 'date', id: 'Start' });
dataTable.addColumn({ type: 'date', id: 'End' });
dataTable.addRows([
[ 'Release Version', '1.4', new Date(2014, 2, 14), new Date(2014, 3, 29) ],
[ 'Release Version', '1.5', new Date(2014, 3, 29), new Date(2014, 7, 8) ],
[ 'Release Version', '1.6', new Date(2014, 7, 8), new Date(2014, 8, 19) ],
[ 'Release Version', '1.7', new Date(2014, 8, 19), new Date(2014, 10, 27) ],
[ 'Release Version', '1.8', new Date(2014, 10, 27), new Date(2014, 12, 9) ],
[ 'Release Version', '1.9', new Date(2014, 12, 9), new Date(2015, 2, 7) ],
[ 'Release Version', '1.10', new Date(2015, 2, 7), new Date(2015, 3, 28) ],
[ 'Release Version', '1.11', new Date(2015, 3, 28), new Date(2015, 5, 13) ],
[ 'Release Version', '1.12', new Date(2015, 5,13), new Date(2015, 6, 13) ],
[ 'Release Version', '1.13', new Date(2015, 6, 13), new Date(2015, 8, 13) ],
[ 'Release Version', '2.0', new Date(2015, 8, 13), new Date(2015, 10, 4) ],
[ 'Release Version', '2.1', new Date(2015, 10, 4), new Date(2015, 11, 16) ],
[ 'Release Version', '2.2', new Date(2015, 11, 16), new Date(2016, 1, 17) ],
[ 'Release Version', '2.3', new Date(2016, 1, 17), new Date(2016, 2, 29) ],
[ 'Release Version', '2.4', new Date(2016, 2, 29), new Date(2016, 4, 11) ],
[ 'Release Version', '2.5', new Date(2016, 4, 11), new Date(2016, 6, 8) ],
[ 'Release Version', '2.6', new Date(2016, 6, 8), new Date(2016, 7, 25) ],
[ 'Release Version', '2.7', new Date(2016, 7, 25), new Date(2016, 9, 8) ],
[ 'Release Version', '2.8', new Date(2016, 9, 8), new Date(2016, 10, 18) ],
[ 'Release Version', '2.9', new Date(2016, 10, 18), new Date(2016, 11, 28) ],
[ 'Release Version', '2.10', new Date(2016, 11, 28), new Date(2017, 1, 23) ],
[ 'Release Version', '2.11', new Date(2017, 1, 23), new Date(2017, 3, 14) ],
[ 'Dashboard Version', '1.4', new Date(2014, 3, 31), new Date(2014, 4, 11) ],
[ 'Dashboard Version', '1.5', new Date(2014, 4, 11), new Date(2014, 7, 23) ],
[ 'Dashboard Version', '1.6', new Date(2014, 7, 23), new Date(2014, 10, 9) ],
[ 'Dashboard Version', '1.7', new Date(2014, 10, 9), new Date(2014, 10, 28) ],
[ 'Dashboard Version', '1.8', new Date(2014, 10, 28), new Date(2015, 5, 8) ],
[ 'Dashboard Version', '1.9', new Date(2015, 5, 8), new Date(2015, 5, 12) ],
[ 'Dashboard Version', '1.10', new Date(2015, 5, 12), new Date(2015, 7, 21) ],
[ 'Dashboard Version', '1.11', new Date(2015, 7, 21), new Date(2015, 7, 22) ],
[ 'Dashboard Version', '1.12', new Date(2015, 7, 22), new Date(2015, 12, 1) ],
[ 'Dashboard Version', '1.13', new Date(2015, 12, 1), new Date(2016, 3, 11) ],
[ 'Dashboard Version', '2.0', new Date(2016, 3, 11), new Date(2016, 6, 20) ],
[ 'Dashboard Version', '2.1', new Date(2016, 6, 20), new Date(2016, 6, 21) ],
[ 'Dashboard Version', '2.2', new Date(2016, 6, 21), new Date(2016, 6, 23) ],
[ 'Dashboard Version', '2.3', new Date(2016, 6, 23), new Date(2016, 6, 24) ],
[ 'Dashboard Version', '2.4', new Date(2016, 6, 24), new Date(2016, 6, 27) ],
[ 'Dashboard Version', '2.5', new Date(2016, 6, 27), new Date(2016, 9, 7) ],
[ 'Dashboard Version', '2.7', new Date(2016, 9, 7), new Date(2016, 10, 12) ],
[ 'Dashboard Version', '2.8', new Date(2016, 10, 12), new Date(2016, 10, 18) ],
[ 'Dashboard Version', '2.9', new Date(2016, 10, 18), new Date(2017, 2, 17) ],
[ 'Dashboard Version', '2.11', new Date(2017, 2, 17), new Date(2017, 3, 14) ],
]);
var options = {
colors: ['#E46651', '#ea3723', '#ff3e29'],
avoidOverlappingGridLines: false
};
chart.draw(dataTable, options);
}
</script>
<script id="jsbin-source-html" type="text/html"><script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"><\/script>
<h1 class="margin-top: 100px;" align="center">Ember.js vs. Dashboard</h1>
<h3 align="center">Release date vs. Dashboard adoption</h3>
<div id="timeline" style="height: 100%; width: 100%; text-align:center;"></div>
</script>
<script id="jsbin-source-javascript" type="text/javascript">google.charts.load("current", {packages:["timeline"]});
google.charts.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: 'Role' });
dataTable.addColumn({ type: 'string', id: 'Name' });
dataTable.addColumn({ type: 'date', id: 'Start' });
dataTable.addColumn({ type: 'date', id: 'End' });
dataTable.addRows([
[ 'Release Version', '1.4', new Date(2014, 2, 14), new Date(2014, 3, 29) ],
[ 'Release Version', '1.5', new Date(2014, 3, 29), new Date(2014, 7, 8) ],
[ 'Release Version', '1.6', new Date(2014, 7, 8), new Date(2014, 8, 19) ],
[ 'Release Version', '1.7', new Date(2014, 8, 19), new Date(2014, 10, 27) ],
[ 'Release Version', '1.8', new Date(2014, 10, 27), new Date(2014, 12, 9) ],
[ 'Release Version', '1.9', new Date(2014, 12, 9), new Date(2015, 2, 7) ],
[ 'Release Version', '1.10', new Date(2015, 2, 7), new Date(2015, 3, 28) ],
[ 'Release Version', '1.11', new Date(2015, 3, 28), new Date(2015, 5, 13) ],
[ 'Release Version', '1.12', new Date(2015, 5,13), new Date(2015, 6, 13) ],
[ 'Release Version', '1.13', new Date(2015, 6, 13), new Date(2015, 8, 13) ],
[ 'Release Version', '2.0', new Date(2015, 8, 13), new Date(2015, 10, 4) ],
[ 'Release Version', '2.1', new Date(2015, 10, 4), new Date(2015, 11, 16) ],
[ 'Release Version', '2.2', new Date(2015, 11, 16), new Date(2016, 1, 17) ],
[ 'Release Version', '2.3', new Date(2016, 1, 17), new Date(2016, 2, 29) ],
[ 'Release Version', '2.4', new Date(2016, 2, 29), new Date(2016, 4, 11) ],
[ 'Release Version', '2.5', new Date(2016, 4, 11), new Date(2016, 6, 8) ],
[ 'Release Version', '2.6', new Date(2016, 6, 8), new Date(2016, 7, 25) ],
[ 'Release Version', '2.7', new Date(2016, 7, 25), new Date(2016, 9, 8) ],
[ 'Release Version', '2.8', new Date(2016, 9, 8), new Date(2016, 10, 18) ],
[ 'Release Version', '2.9', new Date(2016, 10, 18), new Date(2016, 11, 28) ],
[ 'Release Version', '2.10', new Date(2016, 11, 28), new Date(2017, 1, 23) ],
[ 'Release Version', '2.11', new Date(2017, 1, 23), new Date(2017, 3, 14) ],
[ 'Dashboard Version', '1.4', new Date(2014, 3, 31), new Date(2014, 4, 11) ],
[ 'Dashboard Version', '1.5', new Date(2014, 4, 11), new Date(2014, 7, 23) ],
[ 'Dashboard Version', '1.6', new Date(2014, 7, 23), new Date(2014, 10, 9) ],
[ 'Dashboard Version', '1.7', new Date(2014, 10, 9), new Date(2014, 10, 28) ],
[ 'Dashboard Version', '1.8', new Date(2014, 10, 28), new Date(2015, 5, 8) ],
[ 'Dashboard Version', '1.9', new Date(2015, 5, 8), new Date(2015, 5, 12) ],
[ 'Dashboard Version', '1.10', new Date(2015, 5, 12), new Date(2015, 7, 21) ],
[ 'Dashboard Version', '1.11', new Date(2015, 7, 21), new Date(2015, 7, 22) ],
[ 'Dashboard Version', '1.12', new Date(2015, 7, 22), new Date(2015, 12, 1) ],
[ 'Dashboard Version', '1.13', new Date(2015, 12, 1), new Date(2016, 3, 11) ],
[ 'Dashboard Version', '2.0', new Date(2016, 3, 11), new Date(2016, 6, 20) ],
[ 'Dashboard Version', '2.1', new Date(2016, 6, 20), new Date(2016, 6, 21) ],
[ 'Dashboard Version', '2.2', new Date(2016, 6, 21), new Date(2016, 6, 23) ],
[ 'Dashboard Version', '2.3', new Date(2016, 6, 23), new Date(2016, 6, 24) ],
[ 'Dashboard Version', '2.4', new Date(2016, 6, 24), new Date(2016, 6, 27) ],
[ 'Dashboard Version', '2.5', new Date(2016, 6, 27), new Date(2016, 9, 7) ],
[ 'Dashboard Version', '2.7', new Date(2016, 9, 7), new Date(2016, 10, 12) ],
[ 'Dashboard Version', '2.8', new Date(2016, 10, 12), new Date(2016, 10, 18) ],
[ 'Dashboard Version', '2.9', new Date(2016, 10, 18), new Date(2017, 2, 17) ],
[ 'Dashboard Version', '2.11', new Date(2017, 2, 17), new Date(2017, 3, 14) ],
]);
var options = {
colors: ['#E46651', '#ea3723', '#ff3e29'],
avoidOverlappingGridLines: false
};
chart.draw(dataTable, options);
}</script>
Raw
jsbin.dugizuyaze.js
google.charts.load("current", {packages:["timeline"]});
google.charts.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: 'Role' });
dataTable.addColumn({ type: 'string', id: 'Name' });
dataTable.addColumn({ type: 'date', id: 'Start' });
dataTable.addColumn({ type: 'date', id: 'End' });
dataTable.addRows([
[ 'Release Version', '1.4', new Date(2014, 2, 14), new Date(2014, 3, 29) ],
[ 'Release Version', '1.5', new Date(2014, 3, 29), new Date(2014, 7, 8) ],
[ 'Release Version', '1.6', new Date(2014, 7, 8), new Date(2014, 8, 19) ],
[ 'Release Version', '1.7', new Date(2014, 8, 19), new Date(2014, 10, 27) ],
[ 'Release Version', '1.8', new Date(2014, 10, 27), new Date(2014, 12, 9) ],
[ 'Release Version', '1.9', new Date(2014, 12, 9), new Date(2015, 2, 7) ],
[ 'Release Version', '1.10', new Date(2015, 2, 7), new Date(2015, 3, 28) ],
[ 'Release Version', '1.11', new Date(2015, 3, 28), new Date(2015, 5, 13) ],
[ 'Release Version', '1.12', new Date(2015, 5,13), new Date(2015, 6, 13) ],
[ 'Release Version', '1.13', new Date(2015, 6, 13), new Date(2015, 8, 13) ],
[ 'Release Version', '2.0', new Date(2015, 8, 13), new Date(2015, 10, 4) ],
[ 'Release Version', '2.1', new Date(2015, 10, 4), new Date(2015, 11, 16) ],
[ 'Release Version', '2.2', new Date(2015, 11, 16), new Date(2016, 1, 17) ],
[ 'Release Version', '2.3', new Date(2016, 1, 17), new Date(2016, 2, 29) ],
[ 'Release Version', '2.4', new Date(2016, 2, 29), new Date(2016, 4, 11) ],
[ 'Release Version', '2.5', new Date(2016, 4, 11), new Date(2016, 6, 8) ],
[ 'Release Version', '2.6', new Date(2016, 6, 8), new Date(2016, 7, 25) ],
[ 'Release Version', '2.7', new Date(2016, 7, 25), new Date(2016, 9, 8) ],
[ 'Release Version', '2.8', new Date(2016, 9, 8), new Date(2016, 10, 18) ],
[ 'Release Version', '2.9', new Date(2016, 10, 18), new Date(2016, 11, 28) ],
[ 'Release Version', '2.10', new Date(2016, 11, 28), new Date(2017, 1, 23) ],
[ 'Release Version', '2.11', new Date(2017, 1, 23), new Date(2017, 3, 14) ],
[ 'Dashboard Version', '1.4', new Date(2014, 3, 31), new Date(2014, 4, 11) ],
[ 'Dashboard Version', '1.5', new Date(2014, 4, 11), new Date(2014, 7, 23) ],
[ 'Dashboard Version', '1.6', new Date(2014, 7, 23), new Date(2014, 10, 9) ],
[ 'Dashboard Version', '1.7', new Date(2014, 10, 9), new Date(2014, 10, 28) ],
[ 'Dashboard Version', '1.8', new Date(2014, 10, 28), new Date(2015, 5, 8) ],
[ 'Dashboard Version', '1.9', new Date(2015, 5, 8), new Date(2015, 5, 12) ],
[ 'Dashboard Version', '1.10', new Date(2015, 5, 12), new Date(2015, 7, 21) ],
[ 'Dashboard Version', '1.11', new Date(2015, 7, 21), new Date(2015, 7, 22) ],
[ 'Dashboard Version', '1.12', new Date(2015, 7, 22), new Date(2015, 12, 1) ],
[ 'Dashboard Version', '1.13', new Date(2015, 12, 1), new Date(2016, 3, 11) ],
[ 'Dashboard Version', '2.0', new Date(2016, 3, 11), new Date(2016, 6, 20) ],
[ 'Dashboard Version', '2.1', new Date(2016, 6, 20), new Date(2016, 6, 21) ],
[ 'Dashboard Version', '2.2', new Date(2016, 6, 21), new Date(2016, 6, 23) ],
[ 'Dashboard Version', '2.3', new Date(2016, 6, 23), new Date(2016, 6, 24) ],
[ 'Dashboard Version', '2.4', new Date(2016, 6, 24), new Date(2016, 6, 27) ],
[ 'Dashboard Version', '2.5', new Date(2016, 6, 27), new Date(2016, 9, 7) ],
[ 'Dashboard Version', '2.7', new Date(2016, 9, 7), new Date(2016, 10, 12) ],
[ 'Dashboard Version', '2.8', new Date(2016, 10, 12), new Date(2016, 10, 18) ],
[ 'Dashboard Version', '2.9', new Date(2016, 10, 18), new Date(2017, 2, 17) ],
[ 'Dashboard Version', '2.11', new Date(2017, 2, 17), new Date(2017, 3, 14) ],
]);
var options = {
colors: ['#E46651', '#ea3723', '#ff3e29'],
avoidOverlappingGridLines: false
};
chart.draw(dataTable, options);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment