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: "Chart with Customized DataPoints"
  },
  axisY: {
  	gridThickness: 0
  },
  data: [{		
    type: "line",
    markerBorderThickness: 2,
    markerColor: "white",
    dataPoints: [
      {x: 4, y: 10, markerBorderColor: "blue", lineColor: "blue"},
      {x: 9, y: 23, markerBorderColor: "blue", lineColor: "red"},
      {x: 16, y: 16, markerBorderColor: "red", lineColor: "blue"},
      {x: 12, y: 33, markerBorderColor: "blue", lineColor: "blue"},
      {x: 17, y: 44, markerBorderColor: "blue", lineColor: "red"},
      {x: 24, y: 38, markerBorderColor: "red", lineColor: "blue"},
      {x: 21, y: 56, markerBorderColor: "blue", lineColor: "blue"},
      {x: 26, y: 67, markerBorderColor: "blue", lineColor: "red"},
      {x: 33, y: 57, markerBorderColor: "red", lineColor: "blue"},
      {x: 31, y: 77, markerBorderColor: "blue", lineColor: "blue"},
      {x: 36, y: 89, markerBorderColor: "blue", lineColor: "red"},
      {x: 42, y: 80, markerBorderColor: "red", lineColor: "blue"},
      {x: 43, y: 104, markerBorderColor: "blue", lineColor: "red"},
      {x: 49, y: 90, markerBorderColor: "red", lineColor: "red"},
      {x: 49, y: 77, markerBorderColor: "blue", lineColor: "blue"},
      {x: 55, y: 81, markerBorderColor: "red", lineColor: "red"},
      {x: 55, y: 64, markerBorderColor: "blue", lineColor: "blue"},
      {x: 59, y: 71, markerBorderColor: "red", lineColor: "red"},
      {x: 59, y: 52, markerBorderColor: "blue", lineColor: "blue"},
      {x: 63, y: 60, markerBorderColor: "red", lineColor: "red"},
      {x: 62, y: 41, markerBorderColor: "blue", lineColor: "blue"},
      {x: 67, y: 50, markerBorderColor: "red", lineColor: "red"},
      {x: 66, y: 32, markerBorderColor: "blue", lineColor: "blue"},
      {x: 71, y: 39, markerBorderColor: "red", lineColor: "red"},
      {x: 70, y: 11, markerBorderColor: "blue", lineColor: "blue"},
      {x: 75, y: 32, markerBorderColor: "red", lineColor: "red"},
 ...