Trying to modify the design seen at https://tympanus.net/codrops/2016/07/20/simple-interactive-points-effect/

I've added my own SVG country map and map markers ("pins"), done 'Object to Path' from Inkscape for one pin and obtained the d values for the pin from Inkscape's XML Editor and pasted those values into the HTML.

But the output from Inkscape for one map marker outputs to:


vs

The code in the demo:


Needless to say, it's not working. Theoretically, if I could just decipher the demo code I could simply move the existing pins to where I want them.

Can anyone see quickly what I'm doing wrong without spending much time digging into details?

Hello

I think it's related to relative and absolute positioning of the commands
Take a look to this information. (But You can find more googling it):
http://tutorials.jenkov.com/svg/path-el ... h-commands

I think You have use the commands with absolute coordinates.

Inkscape has a preferences dialog to set up that beaviour. I'll try to post a screenshot.



Or press Shift+Ctrl+p and go to Input/output, and then select absolut coordinates.

Or Maybe there is another thin in Your code that is affecting the rendering. If You are testing your Code in Chrome, go to Inspect element, and from there You can get more info about what is happening.

Or if You could share Your code or part of Your code...

Good luck

Oops, I hadn't seen this reply yet. I'll have to change my profile settings so that I get email notifications.

Thank you very much for the reply - as it happens, we decided against this presentation but I'm going to keep this for future reference.

Paul