I'm having trouble rendering an svg image stored in my local directory via js. when I use a link to a website, the image is displayed correctly. Here is a link to the code of the image : http://jsfiddle.net/am8ZB/

But when I use a local image nothing is displayed.

My code :

 d3.select("body").append("svg")
.attr("width", width)
.attr("height", height);

var g = svg.append("g");

g.append("svg:image")
.attr("xlink:href", "manaz/src/label/flower_blue.svg")
.attr("width", 200)
.attr("height", 200)
.attr("x", 228)
.attr("y",53);

Here is the link where I downloaded it : https://publicdomainvectors.org/fr/gratuitement-des-vecteurs/Image-vectorielle-fleur-bleue/1992.html