How to implement the scheme of the hall with the possibility of booking seats?

Hello, tell me how you can implement this scheme of the hall with possibility of reservation of seats showing occupied ?
5a71eaae62f31692648519.jpeg
Without using svg.
June 8th 19 at 17:16
3 answers
June 8th 19 at 17:18
without svg

Without SVG divas.
  • 1st place - div 1;
  • Each diva unique ID;
  • Each ID - matching places;
  • Actually all.
can js, you can serverside rendered here everyone as he wants. - Derek_Bahringer commented on June 8th 19 at 17:24
And diva created via js ? - Norma80 commented on June 8th 19 at 17:21
But SVG is in fact not will vary. Except that SVG can be drawn in the editor, and div'AMI will have to fuck rockme. But we are not looking for easy ways ... - arnold2 commented on June 8th 19 at 17:27
And diva created via js ?

It would be much faster render on the server side - it will be scattered to the correct classes. But you and JS will be slower but will work. - jaeden commented on June 8th 19 at 17:30
in fact Yes. But I do not agree about "relations" with the divas. There's not so terrible +) - jaeden commented on June 8th 19 at 17:33
nuuu if there is a grid Ala Excel, Yes. But if you look at the picture all the more interesting. - arnold2 commented on June 8th 19 at 17:36
June 8th 19 at 17:20
Without using svg.
No, well then Canvas definitely!
June 8th 19 at 17:22
SVG allow to draw and to hang the events on the seats.

Find more questions by tags HTMLCSS