Нужна верстка зала (для покупки билетов)

В excel предоставлена схема театра, схема театра пойдет на сайт для покупки билетов . нужно сверстать эту схему .для удобства можно использовать Bootstrap v5.2.3 варианты реализации - 1) сверстать с нуля используя такие же размеры ячеек и цвета из ексель 2) взять макет свг и заверстать блок с абсолютным позиционированием который будет отображаться поверх свг схемы.(блок будет отображать нумерацию ячеек и ряды) важно чтобы кол-во ячеек соответствовало кол-во ячеек ексель таблицы( стульев в театре) также было бы не плохо поделить внутри на доп блоки с классами блок Д блок В итд как в ексель также нужно чтобы присутствовали номера рядов как в схеме