d3.js: Wie erstellt man "force-directed graph clusters"

Question

Ich habe die d3.js-Bibliothek und insbesondere die erzwungene Graphenerstellung untersucht. Ich habe die Arbeit von Bostock et al. Gelesen und die genaue Art von Graphen bemerkt, die ich zu erstellen versuche, im Grunde ein kraftgerichteter Graph mit farbkodierten Regionen, die die Federgruppen umgeben.

Es ist die Abbildung auf der 3. Spalte, 2. Reihe, hier mit „Kraft-gerichteten Graphen Cluster“: http://vis.stanford.edu/papers/d3

der Code hier erzeugt den Grund Diagramm: http://mbostock.github.com/d3/ex/force.html

Meine Frage ist: Was ist der Code zum dynamischen Generieren der Region Polygone?

Answer 1

Siehe force-cluster example im Repository von D3.

Answer 2

Wenn Sie den Code beziehen, die den kreisförmigen Knoten des Graphen erzeugt:

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

Sie könnten versuchen, die Integration am Beispiel Rumpf Code mit dem Kraftknoten.

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

Force-Layout: http://bl.ocks.org/mbostock/1021841

Dies ist die Antwort, die ich in den Kommentaren versehen:

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