Реализация схемы зала на концерты/спектали

Необходимо реализовать интерактивную схему зала для покупки билетов на различные мероприятия.

Пример схемы зала прикрепляю.

Данные по схемам зала (места и их координаты, цвета, стоимость билетов, различный декор (номер места, номер ряда и т.д) существует. Необходимо обработать данные и вывести на экран.

Помимо вывода необходимо:

- Центрирование схемы зала (схемы могут быть большие, либо наоборот, небольшие), нужно изменять масштаб, чтобы отображалась корректна на любом экране.

- Масштабирование (колесом мыши и Pinch на мобильном устройстве)

- DragnDrop схемы зала для перемещения.

- В сложных и больших схемах залов (к примеру, стадионы рисуются секторам, нажатием на который, пользователь "проваливается" в сектор и видит привычные места для выбора.

Мне методы бронирования/покупки реализованы, необходимо сделать только визуальную часть.

Предпочтительнее для реализации canvas +  vue/react