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 plotData = [];

  for (i = 1; i <= 60; i += 1) {
    var point = 10 * Math.pow(0.5, (i / 4));
    plotData.push([i, point]);
  }
  plotData.unshift([0.5, 10])
    //set 0,0 at beginning
  var z = 10 * 0;
  plotData.unshift([z, z]);
  
  
  
    data.addColumn('number', 'Hour');
    data.addColumn('number', 'Pageviews');

  /*  for (i = 0; i < chartData.length; i++){
        data.addRow(chartData[i]);
    };*/
    data.addRows(plotData);
     //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);
}