JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.min.js"></script>
<div class="container-fluid">
  <div id="myNav1" class="overlay">
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav1()">×</a>
  <div class="overlay-content">

<script>
    

    var year1 = ['FIRST','SECOND','THIRD', 'FOURTH' , 'FIFTH'];
    var data_viewer = <?php echo $viewer; ?>;
    var data_viewer1 = <?php echo $viewer1; ?>;
    var data_viewer2 = <?php echo $viewer2; ?>;
    var data_viewer3 = <?php echo $viewer3; ?>;
    var data_viewer4 = <?php echo $viewer4; ?>;
    var data_viewer5 = <?php echo $viewer5; ?>;
    var data_click = <?php echo $click; ?>;
    var data_click1 = <?php echo $click1; ?>;
    var data_click2 = <?php echo $click2; ?>;
    var data_click3 = <?php echo $click3; ?>;
    var data_click4 = <?php echo $click4; ?>;
    var data_click5 = <?php echo $click5; ?>;

    
   

    var barChartData1 = {

        labels: year1,

        datasets: [{

            label: 'STUDS',

            backgroundColor: "rgba(65,105,225,0.5)",

            data: data_click

        }, {

            label: 'ANGELS',

            backgroundColor: "rgba(255,105,180,0.5)",

            data: data_viewer

        }],

      

    };

    


    function chart1(){

        var ctx1 = document.getElementById("canvas1").getContext("2d");

        var myBar1 = new Chart(ctx1, {
         

            type: 'horizontalBar',

            data: barChartData1,

            options: {

                elements: {

                    rectangle: {

                        borderWidth: 2,

                        borderColor: 'rgb(169, 169, 169)',

                        borderSkipped: 'bottom'

                      

                    }

                },

                scales: {
                xAxes: [{
                    ticks: {
                       ...