Rendering in Backbone.js utilizzando d3.js e svgs

Question

In backbone.js, una funzione di rendering di una vista genera un html non collegato che può essere successivamente collegato al dom.

Attualmente, devo avere un target esistente nell'HTML per poter aggiungere un file svg a. Quindi utilizzo i dati/inserisci pattern per inserire elementi nel file svg. C'è un modo per ottenere d3.js per generare lo svg senza collegarlo al dom?

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"); 

In alternativa, è possibile fornire a d3 un elemento dom non collegato per aggiungere elementi a? Qualcosa come questo? D3.js documentazione suggerisce che select può accettare i nodi, ma il seguente non funziona neanche per me

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

ho trovato la risposta in questo post SVG not rendering properly as a backbone view

d3.select(this.el) 

fa il trucco!