JSFiddle - React, Tailwind, and code Playground

by mikecmpbll

HTML

<html>
<head>
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
</head>
<body>
  <div id="chart_div"></div>
</body>
</html>

JavaScript

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

function drawChart() {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Task ID');
  data.addColumn('string', 'Task Name');
  data.addColumn('string', 'Resource');
  data.addColumn('date', 'Start Date');
  data.addColumn('date', 'End Date');
  data.addColumn('number', 'Duration');
  data.addColumn('number', 'Percent Complete');
  data.addColumn('string', 'Dependencies');

  rows = JSON.parse("[[\"1752\",\"Paginate manage clients\",\"Resource 1\",\"2020-04-03T09:24:33.931+01:00\",\"2020-04-03T13:24:33.931+01:00\",null,0,null],[\"1801\",\"Groups not being cleared from students archived through Wonde\",\"Resource 2\",\"2020-04-03T09:24:33.933+01:00\",\"2020-04-08T09:24:33.933+01:00\",null,0,null],[\"1787\",\"Report on sub-categories\",\"Resource 3\",\"2020-04-03T09:24:33.940+01:00\",\"2020-04-15T09:24:33.940+01:00\",null,0,null],[\"1870\",\"Fix indexes on audits table\",\"Resource 4\",\"2020-04-03T09:24:33.963+01:00\",\"2020-04-03T13:24:33.963+01:00\",null,0,null],[\"1860\",\"Super long category names lead to failed transfers\",\"Resource 5\",\"2020-04-03T09:24:33.963+01:00\",\"2020-04-06T09:24:33.963+01:00\",null,0,null],[\"1722\",\"Do something to alerts when incidents/actions are deleted\",\"Resource 1\",\"2020-04-03T13:24:33.931+01:00\",\"2020-04-07T09:24:33.931+01:00\",null,0,null],[\"1775\",\"Add a time parameter to the auth redirect\",\"Resource 4\",\"2020-04-03T13:24:33.963+01:00\",\"2020-04-07T09:24:33.963+01:00\",null,0,null],[\"1863\",\"Filter by app on Pipeline\",\"Resource 5\",\"2020-04-06T09:24:33.963+01:00\",\"2020-04-09T09:24:33.963+01:00\",null,0,null],[\"1864\",\"Filter by postcode on Pipeline\",\"Resource 1\",\"2020-04-07T09:24:33.931+01:00\",\"2020-04-10T09:24:33.931+01:00\",null,0,null],[\"1867\",\"Student photos not copying across after subdomain change\",\"Resource...