JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
  <head>
    <script type="text/javascript">
      window.onload = function (){

        var dataPoints = [];
        for(var j = 0; j < probForObj["data"].length; j++){
          dataPoints.push({label: probForObj["data"][j], y: Math.round(probForObj["value"][j])});
        }

        var chart = new CanvasJS.Chart("chartContainer", {
          title:{
            text: "Top economical bowlers in 2015"
          },

          axisX: {
            labelAngle: 0
          },
          data: [{
            type: "column",
            dataPoints: dataPoints
          }]
        });

        chart.render();
      }
    </script>
    <script type="text/javascript" src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
     
     <!--Conent of ipl.js is stored in https://codepen.io/anon/pen/BMEjOR.js -->
    <script src="https://codepen.io/anon/pen/BMEjOR.js" type="text/javascript"></script>
  </head>
  <body>
    <div id="chartContainer" style="height: 300px; width: 100%;">
    </div>
  </body>
</html>