<head>
  <!-- Plotly.js -->
  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>

<body>
<div id="myDiv"></div>
</body>
function makeplot(){
    Plotly.d3.csv("https://raw.githubusercontent.com/plotly/datasets/master/2014_apple_stock.csv", function(data){ processData(data)});
};
    
function processData(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']);
    }
    makePlotly(x, y, standard_deviation);
}

function makePlotly( x, y, standard_deviation ){
    var plotDiv = document.getElementById("plot");
    var traces = [{x: x, y: y}];
    var layout = {yaxis: {fixedrange: true}, 
                  xaxis: {fixedrange: true},
		            title: 'Disabling Axis Zoom using Plotly JS'};

    Plotly.newPlot('myDiv', traces, layout, {showSendToCloud: true});
};
  
makeplot();

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.