Как сверстать адаптивно блок выбора этажа?

Артём Петренков:
Есть отдельный фильтр по подбору квартиры по планировке для тех кто сначала выбирает планировку, и есть для тех кто сначала хочет выбрать этаж. Поэтому все довольны:)

Как сверстать адаптивно блок выбора этажа?

Благодарю.

Евгений, подскажи пожалуйста сколько это заняло времени, когда есть макет?

Как сверстать адаптивно блок выбора этажа?

Никита Полевой: Здесь предостаточно вариантов реализации, благодарю. Поиском по тостеру сам к сожалению не проходился, а зря.

Как сверстать адаптивно блок выбора этажа?

Максим Тимофеев: Наверное совпадение, проект свежий.

Как сверстать адаптивно блок выбора этажа?

Хасан Истамкулов:

Знаете как подсвечивать области и создать внутри одной области другую (на макете выбираем дом, затем этаж в выбранном доме)?

Как сверстать адаптивно блок выбора этажа?

simka alien:

Попробовал: https://codepen.io/familyyy-y/pen/GEOmZG
Обвёл секции 1 и 2

Не разобрался:

• как подсвечивать области,
  
• как внутри одной области сделать другие (выбираем дом, затем на выбранном доме выбираем этаж),
  
• как это всё адаптировать, так как при уменьшении картинки области соответственно остаются на месте.
  

Может быть это можно реализовать с помощью D3.js?

Как сверстать адаптивно блок выбора этажа?

simka alien: Здесь пожалуйста яснее, не понял вопроса :)

Как сверстать адаптивно блок выбора этажа?

simka alien: Необязательно, но на svg думаю будет правильней для retina. Интересны разные варианты.