JSFiddle - React, Tailwind, and code Playground

by Nayana Das

JavaScript

$.ajax({
    type: "GET",
    url: "sample.csv",
    success: function (data) { loadData(data); }
});

    /*var data = 'date,name,value\n\
        01/01/1991,xyz,14.4\n\
        01/01/1992,abc,20.5\n\
        01/02/1980,xy,60.8';
    loadData(data);*/

  function loadData(data1){
       console.log(data1);
        var dataPoints = data1.split(/\r\n|\n/);
         //console.log(lines);
       var headers = dataPoints[0].split(','); // if you have header
      var lines = [];
      console.log(headers);
        console.log(dataPoints.length);
     for (var i = 1; i < dataPoints.length; i++) {
        //console.log(i);
          var point = dataPoints[i].split(',');
        //console.log(point);
         if (point.length == headers.length) {
        var json= {};
        for (var j = 0; j < headers.length; j++) {
         if(headers[j]=='date'){
         json[headers[j]] = new Date(point[j]);
        }else if(headers[j]=='value'){
           //console.log(point[j]);
         json[headers[j]] = Number(point[j]);
        }else{
         json[headers[j]] = point[j];
        }

    }
    lines.push(json);
    console.log(json);
   }
 }