TimeLine

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script src="timeline.js"></script>
<div id="timeline0" style="height: 900px;  width: 400px;"></div>
<br>
Flag

JavaScript

google.charts.load('current', {
        'packages': ['timeline']
      });
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {
        var container = document.getElementById('timeline0');
        var chart = new google.visualization.Timeline(container);
        var dataTable = new google.visualization.DataTable();

        dataTable.addColumn({
          type: 'string',
          id: 'Context'
        });
        dataTable.addColumn({
          type: 'date',
          id: 'Start'
        });
        dataTable.addColumn({
          type: 'date',
          id: 'End'
        });
        dataTable.addRows([
[ 'Task 1', new Date(2021, 08, 03, 02, 00), new Date(2021, 08, 03, 02, 07) ],
[ 'Task 2', new Date(2021, 08, 03, 02, 45), new Date(2021, 08, 03, 04, 46) ],
[ 'Task 3', new Date(2021, 08, 03, 03, 00), new Date(2021, 08, 03, 03, 10) ],
[ 'Task 4', new Date(2021, 08, 03, 03, 30), new Date(2021, 08, 03, 04, 09) ],
[ 'Task 5', new Date(2021, 08, 03, 04, 55), new Date(2021, 08, 03, 05, 25) ],
[ 'Task 1', new Date(2021, 08, 04, 02, 00), new Date(2021, 08, 04, 02, 31) ],
[ 'Task 2', new Date(2021, 08, 04, 02, 45), new Date(2021, 08, 04, 05, 00) ],
[ 'Task 3', new Date(2021, 08, 04, 03, 00), new Date(2021, 08, 04, 03, 02) ],
[ 'Task 4', new Date(2021, 08, 04, 03, 30), new Date(2021, 08, 04, 04, 12) ],
[ 'Task 5', new Date(2021, 08, 04, 04, 55), new Date(2021, 08, 04, 05, 38) ],
[ 'Task 1', new Date(2021, 08, 05, 02, 00), new Date(2021, 08, 05, 02, 06) ],
[ 'Task 2', new Date(2021, 08, 05, 02, 45), new Date(2021, 08, 05, 04, 37) ],
[ 'Task 3', new Date(2021, 08, 05, 03, 00), new Date(2021, 08, 05, 03, 10) ],
[ 'Task 4', new Date(2021, 08, 05, 03, 30), new Date(2021, 08, 05, 03, 53) ],
[ 'Task 5', new Date(2021, 08, 05, 04, 55), new Date(2021, 08, 05, 05, 21) ],
[ 'Task 1', new Date(2021, 08, 06, 02, 00), new Date(2021, 08, 06, 02, 06) ],
[ 'Task 2', new Date(2021, 08, 06, 02, 45), new Date(2021, 08, 06, 06, 31) ],
[ 'Task 3', new Date(2021, 08,...