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" class="canvas"></div>

JavaScript

window.onload = function() {

  var dataSeries = [];

  var chart = new CanvasJS.Chart("chartContainer", {

    height: 800,
    zoomEnabled: true,
    animationEnabled: true,
    theme: "light2",
    title: {
      text: "Example",
      fontSize: 30,
      fontWeight: "bold"
    },
    legend: {
      horizontalAlign: "center",
      verticalAlign: "top",
      fontSize: 16
    },
    axisY: {
      title: "Data Rows",
      titleFontSize: 24,
      labelFontSize: 16
    },
    axisX: {
      title: "ID",
      titleFontSize: 24,
      labelFontSize: 16,
      interval: 1
    },
    data: dataSeries
  });

  function addData(data) {
    for (var i = 0; i < data.length; i++) {
      var dps = [];
      for (var j = 0; j < data[i].data.length; j++) {
        dps.push({
          label: data[i].id,
          y: data[i].data[j]
        });
      }
      dataSeries.push({
        type: "spline",
        yValueFormatString: "#,### Data Rows",
        showInLegend: true,
        legendText: "Data Rows",
        dataPoints : dps
      })
    }
    chart.render();
  }

  $.getJSON("https://api.myjson.com/bins/ezmh6", addData);
}