Как лучше сделать интерактивную визуализацию обьекта на сайте?

Question

[Андрей Манжула]

Имеется отрисованый по блокам макет даного обьекта. Нужно реализовать интерактивность:
1. При наведении на ссылку сверху (название блока) соответствующая часть объекта должна подсвечиваться.
2. Так же нужно реализовать адаптивность этого объекта.

Answer 1

[Sergey Postovoy]

Доброе утро.

На мой взгляд подобный объект резонно создавать с помощью SVG графики. Управление и адоптацию для этого объекта необходимо организовать на javaScript

Вот пара ссылок на SVG:

• HTML и SVG: создаём интерактивную карту
  
• w3schools
  

Comments

[Sergey Postovoy]

Хотел предупредить на IE8 SVG не работает, если критична поддержка IE8 советую почитать статейку на хабре VML, такой VML

Answer 2

[Rad1calDreamer]

Если критично ie 8 - raphaeljs.com
а так - как уже посоветовал Sergey Postovoy -svg

Answer 3

[teslor]

Для SVG (IE8+) можете посмотреть еще эти библиотеки: snap.js, svg.js.