When using image-map to display svg images created by Inkscape, the clickable areas always offset from the underlying image, while Adobe Illustrator's product doesn't have this issue.
The viewBox parameters were set up correctly according to the blog Using the image-map appearance in Survey123
I presume the issue is caused by a transform statement added by Inkscape automatically when saving the image, simply editing this statement (either delete or set to '0, 0') will relocate the underlying image.
I wonder if this is because I am doing something wrong or Survey123 doesn't work well with Inkscape svgs, thank you. Brett Stokes