D3 Nested Svg Plots Differently In Firefox Than In Chrome

I've seen versions of this question but they haven't helped me to solve this issue. I am using d3 with a nested svg, here is the code: var svg = d3.select('body').append('svg')

Solution 1:

The ability to set a transform on an <svg> element is new in SVG 2 and is not yet widely supported. Firefox does support it, IE does not currently, not sure about other UAs.