JSFiddle - React, Tailwind, and code Playground

by Osvaldo

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script>
    google.charts.load('current', {
        'packages': ['timeline', 'gantt'],
        'language': 'es'
    });

</script>
<div id="timeline3" style="height: auto; margin-bottom: 1.5em;"></div>
<script>
    document.addEventListener("DOMContentLoaded", function(event) {
        google.charts.setOnLoadCallback(drawChart3);

        function daysToMilliseconds(days) {
            return days * 24 * 60 * 60 * 1000;
        }

        function drawChart3() {

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

            data.addRows([
                ['Research', 'Buscar fuentes', null,
                    new Date(2015, 0, 1), new Date(2015, 0, 5), null, 100, null
                ],
                ['Write', 'Escribir documento', 'A',
                    null, new Date(2015, 0, 9), daysToMilliseconds(3), 25, 'Research,Outline'
                ],
                ['Cite', 'Crear bibliografĂ­a', 'A',
                    null, new Date(2015, 0, 7), daysToMilliseconds(1), 20, 'Research'
                ],
                ['Complete', 'Entregar documento', 'B',
                    null, new Date(2015, 0, 10), daysToMilliseconds(1), 0, 'Cite,Write'
                ],
                ['Outline', 'Planificar documento', 'A',
                    null, new Date(2015, 0, 6), daysToMilliseconds(1), 100, 'Research'
                ]
            ]);

            var options = {

                gantt: {
                    criticalPathEnabled: false,
                  ...