Why does this D3 code add the element outside the body, instead of inside it?

Question

I\'m learning D3 and have come across an issue using the select operator.

Specifically, why does the following code add the

element outside th

Answer 1

there is no p element to select, so I would suggest appending the p element before entering your data:

var pData1 = d3.select("body").append("p")

pData1.data([1])...

do whatever else you need to do after .data, although there is no need to append another p