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

我可以使用以下方法轻松附加一个圆对象：

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)

---

你可以在这里找到这个想法，但是你自己的对象不会做任何事情。SVG中没有这样的东西，只有规范中的元素是可渲染的（圆、椭圆、路径等），其他任何东西都不会显示。是的。但是您必须使用

.append（'path'）

@JSmith SVG将只呈现规范中的元素，正如Robert Longson已经告诉您的那样。