JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://www.google.com/jsapi?autoload={             &#39;modules&#39;:[{               &#39;name&#39;:&#39;visualization&#39;,               &#39;version&#39;:&#39;1&#39;,               &#39;packages&#39;:[&#39;corechart&#39;]             }]           }"></script>

    <div id="curve_chart" style="width: 900px; height: 500px"></div>

JavaScript

var data = google.visualization.arrayToDataTable([
        ['Data', 'PLLO1 - Pallose'],
        [new Date('01/01/2015'),  1.00],
        [new Date('01/02/2015'),  1.02],
        [new Date('01/05/2015'),  1.04],
        [new Date('01/06/2015'),  1.06],
        [new Date('01/07/2015'),  1.08],
        [new Date('01/08/2015'),  1.10],
        [new Date('01/09/2015'),  1.12],
        [new Date('01/12/2015'),  1.14],
        [new Date('01/13/2015'),  1.16],
        [new Date('01/14/2015'),  1.18]
    ]);
    
    var options = {
        title: 'Cotações da Empresa Pallose LTDA (fictícia)',
        pointSize: 5,
        legend: { position: 'bottom' }
    };
    
    var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
    
    chart.draw(data, options);