JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

<div id="chartContainer" style="height: 360px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

JavaScript

window.onload = function() {

var dataPoints = [];

var chart = new CanvasJS.Chart("chartContainer", {
  animationEnabled: true,
  theme: "light2",
  title: {
    text: "Daily Stats"
  },
  axisY: {
    title: "No of Positive Cases"
  },
  data: [{
    type: "line",
    showInLegend: true,
    name: "Positive Cases",
		dataPoints: dataPoints
	}]
});

function addData(data) {
  for (var i = 0; i < data.length; i++) {
    var dateString = data[i].date.toString();
    dateString = dateString.slice(0, 4) + "-" + dateString.slice(4, 6) + "-" + dateString.slice(6, 8);

    dataPoints.push({
      x: new Date(dateString),
      y: data[i].positive
    });
	}
	chart.render();

}

$.getJSON("https://covidtracking.com/api/us/daily", addData);

}