Добавление эффекта наведения полилинии на пользовательскую линейную диаграмму — SVG/CSS ⇐ Jquery

[Anonymous]

Я создаю собственную линейную диаграмму с помощью CSS с использованием SVG. Мой HTML-код выглядит следующим образом:

Я пытаюсь добавить эффект наведения на точку пересечения точек полилинии, как показано на этой фотографии, которая выделена красными кружками:
[img]https:/ /i.stack.imgur.com/J1Soz.png[/img]


Я не уверен, что мой метод использования SVG лучше всего подходит для этого или возможно ли это вообще. Я пробовал искать по переполнению стека, но могу найти только вопросы, связанные с Googlemaps и Leaflet.js, я пытаюсь чтобы сделать это без использования библиотек, за исключением jQuery и пользовательского интерфейса jQuery, которые уже есть в моем проекте.

К сожалению, я не смог предоставить код, так как не знал, с чего начать и что для этого попробовать