d3.js: cómo crear "clústeres de gráficos dirigidos por fuerza"

Question

He estado explorando la biblioteca d3.js, y especialmente la creación de gráficos dirigidos a la fuerza. Analicé detenidamente el documento escrito por Bostock y otros, y noté el tipo exacto de gráfico que intento crear, básicamente un gráfico dirigido a la fuerza con regiones codificadas por colores que rodean los grupos de una pluma.

Es la ilustración de la tercera columna, segunda fila, aquí, etiquetado como "grupos grafo dirigido de fuerza": http://vis.stanford.edu/papers/d3

el código aquí genera la gráfica básica: http://mbostock.github.com/d3/ex/force.html

Mi pregunta es: ¿qué es el código para generar dinámicamente los polígonos de la región?

Answer 1

Consulte el force-cluster example en el repositorio de D3.

Answer 2

Si se refiere al código que crea los nodos circulares en la gráfica:

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

usted podría intentar integrar el ejemplo de código casco con los nodos de fuerza.

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

Fuerza Disposición: http://bl.ocks.org/mbostock/1021841

Ésta es la respuesta que he dado en los comentarios:

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