JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script>
    google.load("visualization", "1", {packages:["LineChart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
     var data = new google.visualization.DataTable();
        data.addColumn('date', 'Date');
        data.addColumn('number', 'persone1');
        data.addColumn('number', 'persone2');
        data.addColumn('number', 'persone3');
        data.addRows([
    [new Date(2008, 1 ,1),0.7,0.8,0.6],
[new Date(2008, 1 ,7),0.5,0.55,0.9],
]);

        var options = {};

      var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    
    
    //     var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('chart_div'));
    //  chart.draw(data, {displayAnnotations: true});
      }
    
    </script>
    </head>
<body>
    <div id="chart_div" style="width: 300px; height: 240px;" ></div>
    

        </body>
    </html>

CSS

#chart_div{
 height:200px;
 width:300px;    
}