svgをsvgの内部で使用するには？

Question

私はD3.jsを使用しています。私はsvg内にsvgを作成しようとしています。 例えば、私の最初のSVGはこれです：

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

は、その後私は、この最初の1の内側に第二のSVGを作成したいと私はそれが私の最初のSVGの右上隅に表示します。そんなことがあるものか？私はwidth = 100とheight = 100の属性について、2番目のsvgについて考えました。この質問の理由は、私はD3.jsでforce-layoutを使用しており、データの入力に応じて本当に大きくなる可能性があるからです。だから、私は最初の大きなsvgと小さな2番目の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);