javascript - d3はselectAllでSVGを無視します

Question

まだd3.jsを学んでいます。

.selectAll("svg") を使用する場合、SVG パネルの選択を無視したいと思います。

4 つの SVG パネルで構成されるビジュアライゼーションを構築しています。上部の SVG パネルは、ビジュアライゼーションのヘッダー/タイトル情報を表示するために使用されます。

var svgHeader = d3.select("body")
    .append("svg")  
    .attr("width", width + margin.left + margin.right)
    .attr("height", 100)
    .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")")
    .append("g");

次の 2 つの SVG パネルは、2 年を表す 2 つの数値の範囲を使用して動的に作成されます。

var svg = d3.select("body")
    .selectAll("svg")   
    .data(d3.range(2012, 2013))
    .enter().append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", 200)
    .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")")
    .append("g");

最終的な SVG には、ユーザーがビジュアライゼーションを操作する際の詳細情報が含まれます。

問題: 2 つの中間パネルの作成に使用される .selectAll("svg") から最初の SVG パネルを除外したい。SVG パネルを動的に構築し、以前に作成したヘッダー SVG の下に配置したいと考えています。

中間パネルを動的に作成するときにヘッダー SVG を除外する方法はありますか?