I am currently trying to produce a scatter plot that sits on top of a 3D surface using three js. The scatter plot data represents control points which should rest perfectly on my 3D surface since the surface data is interpolated from these control points. Unfortunately, when I plot the control points, they do not seem to use the same coordinate system as the 3d surface. This is what it looks like:
The surface is on an xyz grid with origin at (0,0,0). The black points are the control points.
I can easily achieve the correct plots using Python’s matplotlib:
And similarly with matlab:
Any help that you can offer in reproducing this with three js would be greatly appreciated. Thanks!