Creating surface plot in a react component

plotly.js
1

Hi Team,

I’m trying to create a surface plot in a react component ( flamboyant-water-109qyr - CodeSandbox ). Could you please share the data format that needs to be passed to the component.

Is the below format the correct way to pass the x,y and z axes data?

 <Plot
      data={[
        {
          x: [1, 2, 3],
          y: [2, 6, 3],
          z: [1, 5, 3],

          type: "surface",
          mode: "lines+markers",
          marker: { color: "red" }
        }
      ]}
      layout={{ width: 620, height: 600, title: "A Fancy Plot" }}
    />

Thanks,
Arun