JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.plot.ly/plotly-latest.js"></script>
<div id="myDiv">

</div>

JavaScript

a = [];
b = [];
c = [];
for (var i = 0; i < 50; i++) {
  var a_ = Math.random();
  a.push(a_);

  var b_ = Math.random();
  b.push(b_);

  c.push(new Date(`2018-11-04 10:${i}:00`))
}

var data = [{
  x: a,
  y: c,
  z: b,
  type: 'mesh3d'
}];

var layout = {
  title: 'Mt Bruno Elevation',
  autosize: false,
  width: 500,
  height: 500,
  margin: {
    l: 65,
    r: 50,
    b: 65,
    t: 90,
  },
  scene: {
    yaxis: {
      autorange: false,
      range: [new Date('2018-11-04 10:00:00'), new Date('2018-11-04 10:50:00')],
      type: 'date',
      title: 'Time'
    }
  }
};
Plotly.newPlot('myDiv', data, layout)