如何在svg中使用svg？

Question

我使用D3.js，我嘗試在svg中創建一個svg。 例如我的第一個SVG是這樣的：

var svg = d3.selectAll('body') 
     .append('svg') 
     .attr('width',500) 
     .attr('height',500); 

然後我想創建這第一個內部的第二SVG，我希望它出現在我的第一個SVG的右上角。這怎麼可能？我想到了第二個svg的width = 100和height = 100的屬性。這個問題的原因是，我在D3.js中使用了force-layout，根據數據的輸入它可能很大。所以我想把圖表本身放在第一個大的svg和其他信息，比如更小的第二個svg中的文本。如果有div元素的解決方案可能會更好，請讓我知道。

Answer 1

只在第一個附加另一個SVG。

var svg = d3.selectAll('body') 
     .append('svg') 
     .attr('width',500) 
     .attr('height',500); 

    var innerSVG = svg.append('svg') 
     .attr('width',100) 
     .attr('height',100);