d3.js: come creare "cluster di grafi diretti"

Question

Ho esplorato la libreria d3.js e in particolare la creazione del grafico di force force. Ho letto il documento su di esso da Bostock e altri, e ho notato il tipo preciso di grafico che sto cercando di creare, fondamentalmente un grafico di forza diretto con regioni codificate a colori che circondano i gruppi di una piuma.

E 'l'illustrazione a 3 ° colonna, 2 ° fila, qui, con l'etichetta "cluster grafico della forza-diretto": http://vis.stanford.edu/papers/d3

il codice qui genera il grafico di base: http://mbostock.github.com/d3/ex/force.html

La mia domanda è: che cosa è il codice per generare dinamicamente i poligoni della regione?

Answer 1

Vedere il force-cluster example nel repository D3.

Answer 2

se si fa riferimento al codice che crea i nodi circolari nel grafico:

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

Answer 3

Si potrebbe provare a integrare il codice di esempio dello scafo con i nodi di forza.

Scafo: http://bl.ocks.org/mbostock/4341699

Forza Disposizione: http://bl.ocks.org/mbostock/1021841

Questa è la risposta che ho fornito nei commenti:

http://bl.ocks.org/donaldh/2920551