How to add marked lines to Reactjs 3d Surface Plot

[BtH]

I’m using React js Plot component to create a 3d surface plot with my matrix with z axis values. I need to add a functionality that will mark different lines on x and y axises onclick. But I don’t see such properties. Something similar to this picture with white, green and blue lines.

Am i missing something?
Or am I needed to add something like 3d scatter plot to my surface plot?
Maybe someone already face this issue? Will appreciate any help

[AIMPED]

Hey @BtH welcome to the forums. You might get some inspiration in the forum search, like this thread for example:

Slicing 3D surface plot along a user selected axis

Hi @fk4517, To get the curve of intersection we need a bit of math. First the cutting plane is defined by a point M(x0, y0, 0), and two directions contained in this plane: v=[a, b, 0], w=[0, 0, 1]. We get the plane equation from the determinant: [plane-eq] The equation of the surface is of the form z=f(x, y), and depending on the position of the plane (i.e. the direction of the vector v) the curve equation can be of the form: y =f(x, y0), y= f(x0, x) or y= f(x, h(x)). That’s why we gie cod…