Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<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>
 
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, 16) ],
    [ 'Release Version', '2.12', new Date(2017, 3, 16), new Date(2017, 4, 5) ],
    
    [ '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, 4, 5) ],
    [ 'Dashboard Version', '2.12', new Date(2017, 4, 5), new Date(2017, 4, 5) ],
  ]);
​
  var options = {
    colors: ['#E46651', '#ea3723', '#ff3e29'],
    avoidOverlappingGridLines: false
  };
​
  chart.draw(dataTable, options);
}
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers