Технологическая схема трубопроводов и аппаратов

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


Ответы (1 шт):

Автор решения: Sergey

Могу предложить вам "дилетантский" способ :)

  1. Берете любой векторный редактор, который обычно используется для верстки макетов. Например Figma
  2. Отрисовываете схему. В итоге получаете HTML и CSS код и вставляете в свой проект.
  3. Далее анимируете и делаете интерактив с помощью CSS и JS

Примерно по времени у вас это займет от 1 часа до 4 в зависимости от навыка.

→ Ссылка