JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div" style="height: 400px; width: 800px;"></div>

JavaScript

google.charts.load('current', {
  packages: ['corechart', 'line']
});
google.charts.setOnLoadCallback(drawBasic);

function drawBasic() {
  var query = new google.visualization.Query("https://docs.google.com/spreadsheets/d/1T8eNrLpk7bOuvHGDojsHALzoxHHHoQ6iJ7AZIAnZntE/edit?usp=sharing");
  query.send(handleQueryResponse);
}

function handleQueryResponse(response) {
  var data = response.getDataTable();
  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  var options = {
    title: 'Weight mot Date',
    legend: 'none',
    bar: {
      groupWidth: '95%'
    },
    hAxis: {
      title: 'Date',
      slantedText: true,
      format: 'yyy-MM-dd',
    },
    vAxis: {
      title: 'Weight',
      viewWindow: {
        max: 100,
        min: 0,
      },
      ticks: [0, 25, 50, 75, 100],
    }
  };
  chart.draw(data, options);
}