JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://www.google.com/jsapi?ext.js"></script>
<div id="test" style="height:600px;"></div>

JavaScript

google.load('visualization', '1', {
    'packages': ['corechart']
});
google.setOnLoadCallback(drawChart);

// Create data
function drawChart() {
    var data = new google.visualization.DataTable();
        data.addColumn('number', 'ms');
        data.addColumn('number', 'Cosine');
        data.addColumn('number', 'Sine');
    var angle = 0;
    for (x = 0; x <= 360; x++){
        angle = toDegrees(x);
        data.addRow([x, x, x]);
    }
    
    var chart = new google.visualization.ChartWrapper({
        dataTable: data,
        containerId: 'test',
        chartType: 'ScatterChart',
        options:{
            orientation:'horizontal',
            curveType:'function',
            focusTarget:'category',
            crosshair:{
                color:'#DAD9D7',
                orientation:'vertical',
                trigger:'both'
            },vAxis: {title: 'abc' ,format: 'currency'},trendlines: {0: { type: 'polynomial',
                                      degree: 3,
                                      visibleInLegend: true
                                    }
                                },
        }
    });
    chart.draw();
 
    function toDegrees(angle){
         angle = angle * (Math.PI/180);
        return angle;
    }
}