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 chart = new CanvasJS.Chart("chartContainer", {
	  title:{
		text: "Creating Shapes using Area Chart"
	  },
	  axisX: {
		//interval:1,
	  },
	  data: [
		{
		  type: "area",
		  toolTipContent: null,
		  markerSize: 0,
		  highlightEnabled: false,
		  dataPoints: [
  {
    "x": 0.47631006482711663,
    "y": 0.2150274182003726
  },
  {
    "x": 0.4613932930357765,
    "y": 0.21447902477651679
  },
  {
    "x": 0.4575541657067365,
    "y": 0.2345577908938399
  },
  {
    "x": 0.44817455675966034,
    "y": 0.24224655248797608
  },
  {
    "x": 0.43154466411776793,
    "y": 0.2312850801930392
  },
  {
    "x": 0.42236777190683344,
    "y": 0.22365012044735139
  },
  {
    "x": 0.4091659462916203,
    "y": 0.2171038693523069
  },
  {
    "x": 0.3981209917509766,
    "y": 0.20505837240334615
  },
  {
    "x": 0.38683316331154727,
    "y": 0.19654419594438605
  },
  {
    "x": 0.3822715087616231,
    "y": 0.1947346496304153
  },
  {
    "x": 0.38765698855916103,
    "y": 0.21185001664817607
  },
  {
    "x": 0.37600088182836194,
    "y": 0.22009555534127676
  },
  {
    "x": 0.37725279872192213,
    "y": 0.2302667220036994
  },
  {
    "x": 0.37209678196006296,
    "y": 0.2380205089357682
  },
  {
    "x": 0.36622658016775617,
    "y": 0.2478123322133578
  },
  {
    "x": 0.3582434961386972,
    "y": 0.2612351429057952
  },
  {
    "x": 0.3444375480995917,
    "y": 0.26354494156725533
  },
  {
    "x": 0.3370635948257541,
    "y": 0.24909297158538307
  },
  {
    "x": 0.3436750899960935,
    "y": 0.2334208845968227
  },
  {
    "x": 0.32429557819857685,
    "y": 0.24602842342677753
  },
  {
    "x": 0.31668576570688134,
    "y": 0.24231491922768394
  },
  {
    "x": 0.30797128427976517,
    "y": 0.24405771293282694
  },
  {
    "x": 0.29685040524641415,
    "y": 0.23593504429597525
  },
  {
    "x": 0.2891797234266689,
    "y": 0.21358461147356814
  },
  {
    "x": 0.2828620227045158,
    "y": 0.20881358001195482
  },
  {
    "x": 0.28016457618112445,
    "y":...