JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div class="wrapper">
  <div id="chart2"></div>
  <div id="chart1"></div>
  <div id="chart3"></div>
  <div id="chart4"></div>
</div>

CSS

* {
  box-sizing: border-box;
}

body {
  overflow:hidden;
  background:#fff;
}

.wrapper > div {
  height:25vh;
}

JavaScript

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

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Year', 'Sales', 'Expenses'],
    ['2004',  1000,      400],
    ['2005',  1170,      460],
    ['2006',  660,       1120],
    ['2007',  1030,      540]
  ]);

  var options = {
    title: 'Company Performance',
    curveType: 'function',
    legend: { position: 'bottom' }
  };

  var chart = new google.visualization.LineChart(document.getElementById('chart1'));
  chart.draw(data, options);
  
  
  var data2 = google.visualization.arrayToDataTable([
    ['Label', 'Value'],
    ['Memory', 80],
    ['CPU', 55]
  ]);

  var options2 = {
    redFrom: 90, redTo: 100,
    yellowFrom:75, yellowTo: 90,
    minorTicks: 5
  };

  var chart2 = new google.visualization.Gauge(document.getElementById('chart2'));
  chart2.draw(data2, options2);
  
  
  ////////////////
  
  var chart3 = new google.visualization.LineChart(document.getElementById('chart3'));
  chart3.draw(data, options);
  var chart4 = new google.visualization.LineChart(document.getElementById('chart4'));
  chart4.draw(data, options);
}