В моем приложении React я хочу создать не обычный form
для создания участка дороги.
Например, у меня есть эта схема в формате png.
Но я хочу создать интерактивный редактор, в котором можно будет создавать схемы, сохранять их на сервере и затем повторно использовать.
Я постараюсь смоделировать ситуацию
Пользователь хочет создать новый участок дороги. Дорога имеет шесть полос. (изображение выше)
Пользователь должен иметь возможность нарисовать эту диаграмму сам (все линии, круги, изображения и т. д. c.)
Сохранить эти данные на сервере
Затем пользователь хочет получить данные об одной специальной полосе. (эта функциональность взята из другого компонента)
Итак, пользователь открывает новый компонент, где он может получить статистику c по некоторым дорожкам, которые он выберет
Получить сохраненную схему с сервера
Отобразить эту схему и установить флажок для каждой полосы
После выбора полосы пользователь отправляет информация к серверу, на какой линии он хочет получить сводку (статистику)
Я нахожу Konva framework https://konvajs.org/ или p5. js (https://p5js.org/), но мне кажется, что этот подход очень громоздкий
Что я могу использовать для создания чего-то подобного?