Первый пример я видел, второй очень забагован и плохо адаптирован к touch screen.
Возможно я плохо объяснил задумку, суть в том, чтобы добиться вот такого эффекта
https://gojs.net/latest/extensions/PolygonDrawing.html , плавности и возможности редактирования по точкам ( рисовать разные фигуры как в openlayer и leaflet + взаимодействовать с ними по точкам, манипулировать их размерами ).
Есть на просторах svg.js , но она никак не адаптирована под React, а последняя версия без draw эффекта, как в крупных библиотеках аля leaflet.
У меня 2 режима в приложении: в одном я просто обрисовываю фигуры ( и тут мне хватает чистого svg ), а во втором режиме я должен рисовать эти фигуры сам и передавать координаты.
Если не брать в расчет полигоны, то с остальными фигурами проблем как таковых нет, на данный момент вся загвоздка именно в них.