How to remove axes, axes labels, ticks, gridlines etc?

plotly.js
1

Hello,

I am trying to make a minimal version of the surface plot that would contain only the surface and won’t involve x and y axes, corresponding labels, ticks, gridlines etc. With consultation with Axes | JavaScript | Plotly, I tried the following which doesn’t remove anything related to x axis.

What am I doing wrong?

Thank you very much for any suggestions!

zData = [
[8.83,8.89,8.81,8.87,8.9,8.87],
[8.89,8.94,8.85,8.94,8.96,8.92],
[8.84,8.9,8.82,8.92,8.93,8.91],
[8.79,8.85,8.79,8.9,8.94,8.92],
[8.79,8.88,8.81,8.9,8.95,8.92],
[8.8,8.82,8.78,8.91,8.94,8.92],
[8.75,8.78,8.77,8.91,8.95,8.92],
[8.8,8.8,8.77,8.91,8.95,8.94],
[8.74,8.81,8.76,8.93,8.98,8.99],
[8.89,8.99,8.92,9.1,9.13,9.11],
[8.97,8.97,8.91,9.09,9.11,9.11],
[9.04,9.08,9.05,9.25,9.28,9.27],
[9,9.01,9,9.2,9.23,9.2],
[8.99,8.99,8.98,9.18,9.2,9.19],
[8.93,8.97,8.97,9.18,9.2,9.18]
];

var data = [{z: zData, type: 'surface'}];

var layout = 
{
  autosize: false,
  width: 800,
  height: 800,
  margin: 
  {
    l: 65,
    r: 50,
    b: 65,
    t: 90,
  },
  xaxis: 
  {
    visible: false,
    showgrid: false,
    zeroline: false,
    showline: false,
    autotick: false,
    ticks: '',
    showticklabels: false
  }  
};

Plotly.newPlot('myDiv', data, layout);