JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="tempContainer"></div>
<br><hr><br>
<div id="humidContainer"></div>
<br><hr><br>
<div id="pressContainer"></div>
<br><hr><br>

CSS

body  { background-color: black; }

#tempContainer, #humidContainer, #pressContainer {height: 520px; width: 100%; }

table { width:520px; height:520px; color: white; border: 1px solid white;
        margin-left: auto; margin-right: auto; }

tr td { width: 50%; border: 1px solid white; text-align: center; }

JavaScript

$(document).ready(function () {
   $.ajax({
      type: "GET",
      url:"https://gist.githubusercontent.com/cgarz/d51e240d80a663b8cd1e22dc0becdbd0/raw/c5a10bff2b5ded0f375671609e05b11f38c9499d/tempHumidPressure.csv",
      dataType: "text",
      success: function(data) {processCSV(data);}
   });
});

function processCSV(allText) {
   var chart_defaults={ interactivityEnabled: true,
                        animationEnabled: true,
                        zoomEnabled: true,
                        backgroundColor: "black",
                        title:{  text: " ",
                              fontColor: "white",
                              fontSize: 25 },
                        axisX:{  title:"Time of Test",
                              labelFontColor: "white",
                              titleFontColor: "white",
                              titleFontSize: 20,
                              labelFontSize: 15 },
                        axisY:{  title: " ",
                              labelFontColor: "white",
                              titleFontColor: "white",
                              titleFontSize: 20,
                              labelFontSize: 15,
                              gridThickness: 0.25,
                              interlacedColor: "#06060d",
                              includeZero: false },
                        data:[{ type: "line",
                              xValueType: "dateTime",
                              lineThickness: 1,
                              showInLegend: false,
                              markerType: "circle",
                              legendText: "Temp",
                              dataPoints: [] } ]}

   var allLinesArray = allText.split("\n");
   if( allLinesArray.length > 0 ){
      var points_temp = [];
      var points_humid = [];
      var points_press = [];

      for (var i = 0; i <= allLinesArray.length-1; i++) {
         if(allLinesArray[i].charAt(0) != "#"){
            //rowData:...