How to make an interactive room plan?

Question

css

Hello.
I have a need to implement a cafe plan on the site, where everyone would be visible with their information about the reservation, etc. , the client clicks on a table and reserves it, and then everyone sees that the table is occupied.
so, I would make SVG from rectangles and bind them to the database, but I have a task that the cafe manager himself must "draw a plan" of his cafe, they himself draw the room, partitions, tables and their size,
tell me with what it is better to implement this functionality?
this is what it should look like in the end:

Answer 1

I would implement on Canvas + VueJs.
Canvas - you can write everything yourself (not difficult), or you can use something ready-
made VueJs - because. you have a web application, it will be more convenient to interact with everything.