d3.js append rect element but the result was below the body element

Question

I was very confused when I append rect elements to svg，but the rects were appended beside the body element.The result as the picture shows below.In my idea the rect element