Simboli di nodo diverso per il grafico guidato dalla forza d3.js

Question

Come faccio a visualizzare i nodi come simboli diversi nella libreria diretta alla forza di d3.js? Ho voluto implementare qualcosa di simile a quello che ho scritto qui di seguito:

var node = svg.selectAll(".node") 
     .data(graph.nodes) 
    .enter().append(function(d){return d.shape;}) 
     .attr("class", "node") 
     .attr("r", 5) 
     .style("fill", function(d) { return color(d.group); }) 
     .call(force.drag); 

Ogni nodo avrà una forma codificata ("rect", "cerchio", etc.). Tuttavia, ottengo l'errore:

Uncaught TypeError: Object function (d){return "circle";} has no method 'indexOf' 

L'altra domanda che mi sono legata a quella è questo: come vorrei passare tra l'applicazione di attributi diversi per ogni forma? I cerchi hanno bisogno di un attributo "r" perfezionato, ma rects richiedono "height" e "width". Grazie!

Answer 1

Utilizzare d3.svg.symbol come nell'esempio force-directed symbols.