JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.anychart.com/releases/8.0.1/css/anychart-ui.min.css">
<link rel="stylesheet" href="https://cdn.anychart.com/releases/8.0.1/fonts/css/anychart-font.min.css">
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://cdn.anychart.com/releases/8.0.1/js/anychart-base.min.js"></script>
<script src="https://cdn.anychart.com/releases/8.0.1/js/anychart-gantt.min.js"></script>
<script src="https://cdn.anychart.com/releases/8.0.1/js/anychart-exports.min.js"></script>
<script src="https://cdn.anychart.com/releases/8.0.1/js/anychart-data-adapter.min.js"></script>
<script src="https://cdn.anychart.com/releases/8.0.1/js/anychart-ui.min.js"></script>
<div id="container"></div>

CSS

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#container {
    max-width: 800px;
    height: 400px;
    margin: 1em auto;
}

JavaScript

anychart.onDocumentReady(function () {
    // The data used in this sample can be obtained from the CDN
    // https://cdn.anychart.com/samples-data/gantt-charts/activity-oriented-chart/data.js
    anychart.data.loadJsonFile('https://cdn.anychart.com/samples-data/gantt-charts/activity-oriented-chart/data.json', function (data) {
        // create data tree
        var treeData = anychart.data.tree(data, 'as-table');

        // create project gantt chart
        var chart = anychart.ganttProject();

        // set data for the chart
        chart.data(treeData);

        // set start splitter position settings
        chart.splitterPosition(355);

        // get chart data grid link to set column settings
        var dataGrid = chart.dataGrid();
        dataGrid.tooltip()
                .allowLeaveChart(true)
                .allowLeaveStage(false);

        // set first column settings
        dataGrid.column(0)
                .title('#')
                .width(30)
                .cellTextSettings({hAlign: 'center'});

        // set second column settings
        dataGrid.column(1)
                .cellTextSettings()
                .hAlign('left')
                .width(180);

        // set third column settings
        dataGrid.column(2)
                .title('Start Time')
                .width(70)
                .cellTextSettings({hAlign: 'right'})
                .format(function (item) {
                    var date = new Date(item.get('actualStart'));
                    var month = date.getUTCMonth() + 1;
                    var strMonth = (month > 9) ? month : '0' + month;
                    var utcDate = date.getUTCDate();
                    var strDate = (utcDate > 9) ? utcDate : '0' + utcDate;
                    return date.getUTCFullYear() + '.' + strMonth + '.' + strDate;
                });

        // set fourth column settings
        dataGrid.column(3)
                .title('End Time')
                .width(80)
               ...