JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
	    <script type="text/javascript">
	      google.load("visualization", "1", {packages:["corechart"]});
	      google.setOnLoadCallback(drawChart);
	        
	      var reservationChart;
	      var data;
	      var options;
	      
	      function drawChart() {
	        dataTable1 = google.visualization.arrayToDataTable([['mois', 'A', 'B', 'C'],['Jan.',2,1,0,],['Fév.',0,0,0,],['Mars.',0,0,0,],['Avr.',0,0,0,],['Mai',3,0,0,],['Juin',0,0,0,],['Jui.',0,5,0,],['Aôut',6,0,0,],['Sep.',0,0,4,],['Oct.',0,0,0,],['Nov.',1,0,0,],['Déc.',0,0,0,],]);
	
	        options = {
            title: 'A / B / C',
	          hAxis: {title: '', titleTextStyle: {color: 'red'}}
	        };
	
	        reservationChart = new google.visualization.ColumnChart(document.getElementById('chart_reservations'));
	        reservationChart.draw(dataTable1, options);        
	      }
	        
	    </script>


						<div id="chart_reservations" class="chart"></div>



		<script type="text/javascript" src="https://www.google.com/jsapi"></script>
	    <script type="text/javascript">
	      google.load("visualization", "1", {packages:["corechart"]});
	      google.setOnLoadCallback(drawChart);
	        
	      var clientsChart;
	      var data;
	      var options;
	      function drawChart() {
	        dataTable2 = google.visualization.arrayToDataTable([['mois', 'D'],['Jan.',  3],['Fév.',  0],['Mars.',  0],['Avr.',  0],['Mai',  4],['Juin',  54],['Jui.',  0],['Aôut',  12],['Sep.',  0],['Oct.',  0],['Nov.',  0],['Déc.',  0],]);
	        options = {
	          title: 'D',
	          hAxis: {title: '', titleTextStyle: {color: 'red'}}
	        };
	        clientsChart = new google.visualization.ColumnChart(document.getElementById('chart_clients'));
	        clientsChart.draw(dataTable2, options);
	      }
	        
	    </script>
	    


						<div id="chart_clients" class="chart"></div>


				

		<script type="text/javascript"...