Frontend task, how best to approach its solution?

Question

JavaScript

An analogue of the feature that I want to make is https://multiplex.ua/cinema/victoriaplaza .
This is a hall, when you choose a session, I want about the same, but I need to make up 4 different halls, why not draw them as divas? I wanted to ask the pro how to do this correctly, because I will use jquery and draw 150 places in blocks .... which is not very reasonable, tell me please

Answer 1

You can make it beautiful: SVG + jquery.svg.js

Answer 2

So what's unreasonable? I don't see any other more relevant options.
The only thing is that you can try to trace some patterns and use php to display them. Well, for example, make some settings for the halls. Which row, how many chairs, after which chairs is indented, if the indentation is too large, set a double indent, etc.

Answer 3

https://codepen.io/anon/pen/mmyMrB