Javascript 在d3中附加多个外部svg并用数据绑定它们

我有几个svg文件，我想包括在我的d3图表中。我可以通过硬编码添加它们，并使用css将它们与我的图表正确对齐

但这似乎是一种愚蠢的方式。我知道我可以使用d3.xml从文件中导入svg，或者将其作为对象复制粘贴并附加到代码中。但这并不能解决我的问题，因为需要手动绑定的文件太多了

---

有没有一种方法可以让我以d3的连接更新退出的方式导入和使用它们呢。不要使用d3.xml，而是在内部添加内联svg，以后再使用它们

.append("use")
.attr("xlink:href",function(d){return "#mySymbol"+d})

---

jshiddle

这个问题以目前的形式留给人们太多的想象。代码示例是最好的。一些问题是：svg文件是否可以通过http访问？需要进行什么样的校准？这些svg文件的内容是什么？