Sketch of 3D plotting interface

simplePlot.js

var createViewer = require("plotly-viewer")
var createSurfacePlot = require("plotly-surface-plot")
var createAxes = require("plotly-axes")

var viewer = createViewer()

var surface
var axes

viewer.on("plotly-init", function() {

  //viewer.container = div element that you can stick in page somewhere
  
  //Create axes
  axes = createAxes(viewer)
  
  //Create surface plot
  surface = createSurfacePlot(viewer, data)
  
  //.. add other stuff here ...
})

// To update the data, you would do something like:
//
//  surface.data.set( [ ... ] )
//
// Or:
//
//  axes.bounds[0] = [0,0,0]
//  axes.bounds[1] = [10,10,10]
//