JSFiddle - React, Tailwind, and code Playground

by Sub Taper

HTML

<script src="https://www.google.com/jsapi?ext.js"></script>
<div id="todays-total-sales"></div>

JavaScript

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

function drawChart() {

    var data = new google.visualization.DataTable();
    var chartData = [];

for (i =0; i < 10; i++)
        {
            chartData[i] = [];
            chartData[i][0] = i
            chartData[i][1] = 5*Math.pow(.5, (i/4))
        }
        
    data.addColumn('number', 'Hour');
    data.addColumn('number', 'Pageviews');

  /*  for (i = 0; i < chartData.length; i++){
        data.addRow(chartData[i]);
    };*/
    data.addRows(chartData);
     //data.addRows([chartData[2]]);
    var options = {
        width: 450,
        height: 250
    };

    var chart = new google.charts.Line(document.getElementById('todays-total-sales'));

    chart.draw(data, options);
}