JSFiddle - React, Tailwind, and code Playground

meh

by Sub Taper

HTML

<html>
<head>
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
    
    
      google.charts.load('current', {'packages':['line']});
      google.charts.setOnLoadCallback(drawChart);
      
 function compoundingData() {
	var plotData = [];
  var plot_data = [];
  var arr_i = [];
  var arr_k = [];

  var hl = 4;//parseFloat($("#halfLife").val());
  //console.log(hl);
  var d = 10;//parseFloat($("#doseAmount").val());
  //console.log(d);
  var fr = 8;//parseFloat($("#freqDose").val());
  //console.log(fr);

  var span = 6;
  arr_k.length = span;
  arr_k.fill(0);
  var inner = [];
  for (k = 0; k <= span; k += 1) {
    arr_k[k] = [];
    for (i = 0; i <= fr; i += 1) {
      var in_point = Math.pow(0.5, (i / hl));
      var func2 = function(k, i) {
        return (k == 0 && i == 0) ? d : (k > 0 && i == 0) ? arr_k[k - 1][fr] + d : (i > 0) ? arr_k[k][0] * in_point : 0
      }
      arr_k[k][i] = func2(k, i);
    }
  }



  console.table(arr_k);
  var flattened = arr_k.reduce(
    (acc, cur) => acc.concat(cur), []
  );


  for (i = 0; i <= flattened.length; i += 1) {
    var point = flattened[i];
    plot_data.push([i, point]);
  }


  console.log(plot_data);
  //plotData = [plot_data];
  return plot_data;

}

    function drawChart() {
   

      var data = new google.visualization.DataTable();
      data.addColumn('number', 'Day');
      data.addColumn('number', 'Guardians of the Galaxy');
     	//data.addColumn('number', 'The Avengers');
     // data.addColumn('number', 'Transformers: Age of Extinction');

      data.addRows(compoundingData());

      var options = {
        chart: {
          title: 'Box Office Earnings in First Two Weeks of Opening',
          subtitle: 'in millions of dollars (USD)',
        width: 900,
        height: 500,
        },
        hAxis: {
        
      gridlines: {count: 25},
        }
        
}
      var chart = new...