How to implement a hall scheme with the possibility of booking a seat?

Question

css

Hello everyone, tell me how you can implement this scheme of the hall with the possibility of booking seats, showing occupied?

Without using svg.

Answer 1

without svg

Without SVG - divs.

• 1st place - 1 div;
  
• Each diva has a unique id;
  
• To each id is a corresponding place;
  
• Actually everything.
  

Answer 2

Without using svg.

No, well then Canvas definitely!

Answer 3

SVG will allow you to both draw and hang events at your choice of location.