d3.jsとsvgsを使用したBackbone.jsでのレンダリング

Question

backbone.jsでは、ビューのレンダリング機能が後でドームにアタッチすることのできる結合されていないhtmlを生成します。

現在、私はsvgを追加するためにHTMLの既存のターゲットを持っていなければなりません。次に、data/enterパターンを使って要素をsvgに挿入します。 domに接続せずにsvgを生成するd3.jsを得る方法はありますか？

var svg = d3.select("#target").append('svg') 
    .attr("viewBox","0 0 100 100"); 

svg.selectAll("circle") 
    .data(data) 
    .enter().append("circle") 
     .attr("r", 10) 
     .style("fill", "black"); 

代わりに、それはにコンテンツを追加するためにアタッチされていないDOM要素とD3を提供することができますか？このようなもの？ D3.jsドキュメントは、ノードを受け入れることができます選択することを示唆しているが、私のために動作しません、次のいずれかの

var svg = d3.select(this.$el).append('svg') // Uncaught TypeError: Object [object Object] has no method 'appendChild' 
    .attr("viewBox","0 0 100 100");  

svg.selectAll("circle") 
    .data([1,2,3]) 
    .enter().append("circle") 
     .attr("r", 10) 
     .style("fill", "black"); 

Answer 1

私はSVG not rendering properly as a backbone view

d3.select(this.el) 

は、トリックを行い、この記事で答えを見つけました！