JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var extDps = [{ month: "Jan", total: 71 },
        { month: "Feb", total: 55 },
        { month: "Mar", total: 50 },
        { month: "Apr", total: 65 },
        { month: "May", total: 95 },
        { month: "Jun", total: 68 },
        { month: "Jul", total: 28 },
        { month: "Aug", total: 34 },
        { month: "Sep", total: 14 }];
        
var dps = [];
for(var i = 0; i < extDps.length; i++) {
	dps.push({ label: extDps[i].month, y: extDps[i].total});
}

var chart = new CanvasJS.Chart("chartContainer", {
  data: [
    {
      type: "column",
      dataPoints: dps
    }					
  ]
});

chart.render();