Timeline Example

An example of a Google Timeline.

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="timeline" style="height: 500px;"></div>

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: 'State'
        });
        dataTable.addColumn({
          type: 'string',
          id: 'Bill number'
        });
        dataTable.addColumn({
          type: 'date',
          id: 'Start'
        });
        dataTable.addColumn({
          type: 'date',
          id: 'End'
        });
        dataTable.addRows([['wa', 'SB 5732', new Date(2015, 01, 30), new Date (2016, 03, 10)], ['wa', 'HB 1910', new Date(2015, 02, 02), new Date (2016, 03, 10)], ['wa', 'HB 1917', new Date(2015, 02, 02), new Date (2016, 03, 10)], ['hi', 'SB 199', new Date(2015, 01, 23), new Date (2015, 12, 17)], ['nh', 'HB 583', new Date(2016, 01, 06), new Date (2016, 01, 06)], ['nh', 'HB 617', new Date(2016, 01, 06), new Date (2016, 04, 21)], ['tx', 'SB 158', new Date(2014, 11, 10), new Date (2015, 06, 19)], ['la', 'HB 183', new Date(2016, 02, 26), new Date (2016, 03, 14)], ['tn', 'SB 868', new Date(2015, 02, 11), new Date (2015, 04, 08)], ['tn', 'HB 712', new Date(2015, 02, 11), new Date (2015, 04, 08)], ['pa', 'HB 420', new Date(2015, 02, 09), new Date (2015, 02, 09)], ['ri', 'HB 5819', new Date(2015, 03, 06), new Date (2015, 07, 10)], ['ri', 'SB 269', new Date(2015, 02, 11), new Date (2015, 02, 11)], ['nv', 'AB 162', new Date(2015, 02, 13), new Date (2015, 05, 25)], ['nv', 'SB 111', new Date(2015, 02, 01), new Date (2015, 06, 11)], ['va', 'HB 1521', new Date(2015, 01, 06), new Date (2015, 02, 10)], ['va', 'HB 1534', new Date(2015, 01, 06), new Date (2015, 02, 10)], ['va', 'HB 2280', new Date(2015, 01, 20), new Date (2015, 02, 10)], ['ca', 'AB 66', new Date(2014, 12, 17), new Date (2016, 02, 01)],...