2012-05-24 9 views
5

Badałem bibliotekę d3.js, a zwłaszcza tworzenie wykresów ukierunkowanych na siłę. Zerknąłem na papier na ten temat przez Bostocka i wsp. I zauważyłem precyzyjny typ wykresu, który próbuję stworzyć, w zasadzie ukierunkowany na siłę wykres z kolorami zakodowanymi wokół grup piór.d3.js: jak tworzyć "ukierunkowane na siłę klastry wykresów"

To ilustracja na 3 kolumny, 2. rzędzie, tu oznaczonej "force-directed klastrów graph": http://vis.stanford.edu/papers/d3

kod tutaj generuje podstawowy wykres: http://mbostock.github.com/d3/ex/force.html

Moje pytanie brzmi: co to kod do dynamicznego generowania wielokątów regionu?

Odpowiedz

4

Zobacz force-cluster example w repozytorium D3.

+0

Dzięki Mike. Spojrzałem na to ... że ma rozszerzalne kółka reprezentujące klastry. Czy kod jest dostępny do renderowania rzeczywistych dynamicznych wielokątów, jak pokazano na ilustracji? – AcroYogi

+0

w szczególności: http://gregroberts.com/img/fdgc.png – AcroYogi

+1

link jest teraz 404. Czy możesz to naprawić? – bluesmoon

1

Jeśli odnosimy się do kodu, który tworzy okrągłe węzły w wykresie:

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

można spróbować integracji przykładowy kod kadłuba z węzłów siłą.

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

Siła Układ: http://bl.ocks.org/mbostock/1021841

To jest odpowiedź, którą umieszczono w komentarzach:

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

+0

, który, @donaldh, jest zdecydowanie pchnięciem we właściwych kierunkach ... teraz, tylko jeśli jestem programistą ... jestem projektantem, czy mógłbyś zaproponować bardziej konkretne przykłady integracji? – AcroYogi

+0

I chciałem eksperymentować z tym, więc zhackowałem przykład force-multi-foci, aby dodać wypukły kadłub. [http://bl.ocks.org/2918073](http://bl.ocks.org/2918073). Kiedy dostanę szansę, rozszerzę ten przykład, aby utworzyć ścieżkę wokół każdej kategorii węzłów. – donaldh

+3

Okay, tutaj jest v2 z wypukłym kadłubem dla każdego skupienia węzłów. http://bl.ocks.org/2920551. bl.ocks.org wydaje się być właśnie teraz, więc tutaj jest sedno https://gist.github.com/2920551 – donaldh