Timeline Example

An example of a Google Timeline.

by Max Sinev

HTML

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

JavaScript

let data = '1549966826617-1549966826783,1549966826617-1549966826877,1549966826598-1549966826922,1549966826781-1549966826928,1549966826776-1549966826931,1549966826938-1549966827016,1549966827453-1549966827618,1549966827480-1549966827623,1549966827551-1549966827743,1549966827584-1549966827757,1549966827619-1549966827757,1549966827626-1549966827787,1549966827948-1549966828075,1549966828082-1549966828257,1549966828093-1549966828259,1549966828087-1549966828266,1549966828296-1549966828452,1549966828314-1549966828457,1549966828442-1549966828538,1549966828667-1549966828838,1549966828673-1549966828840,1549966828846-1549966828990,1549966828860-1549966829047,1549966828876-1549966829050,1549966829032-1549966829124,1549966829199-1549966829310,1549966829303-1549966829432,1549966829422-1549966829608,1549966829409-1549966829652,1549966829464-1549966829705,1549966829611-1549966829750,1549966829718-1549966829851,1549966829747-1549966829909,1549966829849-1549966829989,1549966829987-1549966830108,1549966829991-1549966830119,1549966830045-1549966830171,1549966830222-1549966830389,1549966830222-1549966830405,1549966830281-1549966830438,1549966830434-1549966830610,1549966830458-1549966830637,1549966830482-1549966830658,1549966830677-1549966830838,1549966830710-1549966830868,1549966830732-1549966830886,1549966830922-1549966831095,1549966830935-1549966831099,1549966830942-1549966831116,1549966831170-1549966831343,1549966831179-1549966831344,1549966831189-1549966831361,1549966831409-1549966831606,1549966831408-1549966831611,1549966831431-1549966831612,1549966831654-1549966831820,1549966831660-1549966831824,1549966831675-1549966831827';
      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();

       ...