Read CSV Data from an Ajax Call in JavaScript

How to make Ajax calls in javascript for Plotlyjs.

Plotly Studio: Transform any dataset into an interactive data application in minutes with AI. Sign up for early access now.

Plotting CSV Data from Ajax Call

function makeplot() {
  d3.csv("https://raw.githubusercontent.com/plotly/datasets/master/2014_apple_stock.csv", function(data){ processData(data) } );

};

function processData(allRows) {

  console.log(allRows);
  var x = [], y = [], standard_deviation = [];

  for (var i=0; i<allRows.length; i++) {
    row = allRows[i];
    x.push( row['AAPL_x'] );
    y.push( row['AAPL_y'] );
  }
  console.log( 'X',x, 'Y',y, 'SD',standard_deviation );
  makePlotly( x, y, standard_deviation );
}

function makePlotly( x, y, standard_deviation ){
  var plotDiv = document.getElementById("plot");
  var traces = [{
    x: x,
    y: y
  }];

  Plotly.newPlot('myDiv', traces, {
    title: {
        text: 'Plotting CSV data from AJAX call'
    }
});
};
  makeplot();
 Click to copy