JSFiddle - React, Tailwind, and code Playground

by Sub Taper

HTML

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="barChart"></div>

<form>
  Enter Drug Half-Life:<br>
  <input type="number" name="hl1"><br>
  
  Enter Dose - Amount of Drug:<br>
  <input type="number" name="dose1">
</form>

JavaScript

google.charts.load('current', {
  callback: function () {
    // create data table
    var data = new google.visualization.DataTable();
    data.addColumn('date', 'Time of Day');
    data.addColumn('number', 'Rating');

    // load data table
    var date = new Date();
    for (var i=1; i<=10; i++) {
      var last = new Date(date.getTime() - (i * 24 * 60 * 60 * 1000));
      var day = last.getDate();
      var month = last.getMonth()+1;
      var year = last.getFullYear();
      data.addRow([new Date(year,month,day), i]);
    }

    var chart = new  google.visualization.BarChart(document.getElementById('barChart'));
    chart.draw(data, {
      title: 'My Bar chart',
      is3D: 'true'
    });
  },
  packages: ['corechart']
});