Hey ! Thanks again for your response. Understood the functionnality of the <g> tag now ! Thank you ! , I guess i can say the the problem come from the svg document of France i found, be cause the whole "France" is in a <g> tag, and corsica island is in another <g> tag. <g> tag group the whole sub parameters forced on the same ID ( the g one) which make impossible to dissociate things sub to the <g> tag even if they are explicitly set on each <path> sub to <g>. But the "g" tag in the document i provided does not contains any id="", but path does, however its not working. Here's a dashboard code i wrote using the "raw" french map ( link i posted in the original post ) which should work but does not, since there is no id="" in <g> i dont understand why it does not work : https://pastebin.com/xXja5e9i Or maybe the fill="#8ad" in the "g" tag overwrite the whole "path" markup as id does ? EDIT : I tried to add fill=\"#000000\" stroke=\"#fff\" stroke-width=\".5\" Between each <path AND id="">, for instance, replacing : <path id=\"dep_2a\" BY <path fill=\"#000000\" stroke=\"#fff\" stroke-width=\".5\" id=\"dep_2a\" In the pastebin i pasted few lines ahead : And it works, what does explain this behaviour as "fill" "stroke" and "stroke-width" are already referenced in the <g> ahead. I don't understand I also verified that my france's SVG was valid, and he is : https://validator.w3.org/check?uri=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2Fb%2Fb6%2FD%25C3%25A9partements_de_France-simple.svg&charset=%28detect+automatically%29&doctype=Inline&group=0 Have a good one !
... View more