How to make an interactive image for a website?

Question

Images

Good afternoon! Tell me how to make an analogue of such a picture as here: planner5d.com so that you can add and move objects or in which direction to move?

Answer 1

I would look towards HTML5 canvas.
There are also libraries for working with 2D graphics (like PixiJS) and 3D graphics (like ThreeJS) - and they also use canvas.

Answer 2

In this case, everything is implemented on SVG:

Moreover, the substrate with the rooms is separate, objects like furniture are separate. Everything is a sandwich on the page and is controlled by Javascript.