the best way to integrate geo map and svg shapes (D3 ou leaflet ...)

New To Observable
1

i have a leaflet map with marker and all
but new i want to integrate svg resource like arrows Bewtween cordination
but i didn’t think leaflet support this

so i start to redo the map using d3.geo

so my question what the best way to integaret maps and svg resources , D3 or leaflet, …etc

and i 'am thinking of doing this in react (maybe using visx in the same way as D3)

so what your advice

THANKS