2012-05-24 1 views
5

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.d3.js: cómo crear "clústeres de gráficos dirigidos por fuerza"

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?

Respuesta

4

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

+0

Gracias Mike. Miré eso ... ese tiene círculos expandibles que representan los clusters. ¿Está el código disponible para representar los polígonos dinámicos reales como se muestra en la ilustración? – AcroYogi

+0

específicamente: http://gregroberts.com/img/fdgc.png – AcroYogi

+1

El enlace ahora es un 404. ¿Podría arreglarlo? – bluesmoon

1

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

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

+0

que, @donaldh, definitivamente es un empujón en la dirección correcta ... ahora solo si fuera un codificador ... soy un diseñador, ¿podría sugerir algunos ejemplos de integración más específicos – AcroYogi

+0

I Quería experimentar con esto yo mismo, así que he pirateado el ejemplo de force-multi-foci para agregar un casco convexo. [http://bl.ocks.org/2918073](http://bl.ocks.org/2918073). Cuando tenga la oportunidad, extenderé el ejemplo para crear una ruta alrededor de cada categoría de nodos. – donaldh

+3

De acuerdo, aquí está v2 con un casco convexo para cada grupo de nodos. http://bl.ocks.org/2920551. bl.ocks.org parece estar caído ahora, así que aquí está la esencia https://gist.github.com/2920551 – donaldh

Cuestiones relacionadas