如何在D3中附加我自己的SVG对象？

Question

我可以使用D3.js轻松添加圈对象，如下所示：

var bodySelection = d3.select("body");
var svgSelection = bodySelection.append("svg")
                            .attr("width", 50)
                            .attr("height", 50);

var circleSelection = svgSelection.append("circle")
                            .attr("cx", 25)
                            .attr("cy", 25)
                            .attr("r", 25)
                            .style("fill", "purple");

我的问题是，是否可以追加我自己的svg对象以及如何？

结果应该看起来像这样：

var bodySelection = d3.select("body");
var svgSelection = bodySelection.append("svg")
                            .attr("width", 50)
                            .attr("height", 50);

var myObjSelection = svgSelection.append("MyObject")
                            .attr("MyObjectAttribute1", 25)
                            .attr("MyObjectAttribute2", 25)