JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.rawgit.com/MPierre9/testHTML/gh-pages/Chart.min3.js"></script>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>APlayer Demo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  	
</head>
  	<body>
  		<canvas id="myChart" height="100"></canvas>
  	</body>
  	    <script src="dist/Chart.min.js"></script>

  	<script>var ctx = document.getElementById("myChart").getContext("2d");
			var myChart = new Chart(ctx, {
  				type: 'horizontalBar',
  				data: {
    			labels: [['Row one', 'Row two', 'Row three','Row four','Row five'], ['Row one a', 'Row two a','Row three a']],
    datasets: [{
      data: [20, 15, 27, 18],
      backgroundColor: 'rgba(54, 162, 235,0.5)',
    }]
  }
});</script>

</html>