force-layout

Czy istnieje sposób na powiększenie wykresu układu sił D3?

D3 ma układ kierowany siłą tutaj . Czy istnieje sposób na dodanie powiększenia do tego wykresu? Obecnie udało mi się uchwyci ... .call(d3.behavior.zoom().on("zoom", redraw)) // <-- redraw function .attr("width", w) .attr("height", h);

Zaznacz wybrany węzeł, jego łącza i jego dzieci na wykresie skierowanym siłą D3

Pracuję nad grafem skierowanym siłą w D3. Chcę wyróżnić węzeł, jego łącza i węzły potomne, ustawiając wszystkie pozostałe węz ... azuje, jak zmienić podłączone węzły potomne. Wszelkie dobre sugestie jak to rozwiązać lub poprawić będą wściekle upvoted :)

Dodawanie nowych węzłów do układu wymuszonego

Pierwsze pytanie na Stack Overflow, więc bądź ze mną! Jestem nowy w d3.js, ale są konsekwentnie zdumieni tym, co inni są w st ... w każdej z tych problem! edytowane, ponieważ szybko naprawiłem źródło kilku innych błędów, które były wcześniej wymienione

Aktualizacja linków na wykresie skierowanym siłą z dynamicznych danych json

Jestem nowy w D3 i pracuję na wykresie skierowanym siłą, gdzie dane json są dynamiczne. Jestem w stanie zmienić wykres siły p ... węzeł jest usuwany i odtwarzany, ale implementacja jest nieco inna. Wszelkie wskazówki lub pomoc będą naprawdę doceniane.

kliknięcie węzła w d3 z przycisku spoza svg

Stworzyłem Wykres kierowany siłą za pomocą D3 i wyświetliłem id węzłów w normalnym div. Muszę zaznaczyć węzeł, którego id zostało kliknięte w div. Przeszukałem id węzła i używając normalnego javascript próbowałem go kliknąć, ale to nie działa.

Jak zrobić wykres układu sił w D3.js reaguje na rozmiar ekranu/przeglądarki

Mam Wykres wykorzystujący układ sił, ale ma on stałą szerokość w i wysokość h: var svg = d3.select("#viz").append("svg") ... ma coś do zrób to. Proszę rzucić trochę światła na używanie atrybutów viewBox i preserveAspectRatio z wykresami układu sił.

Napraw pozycję węzła w układzie skierowanym siłą D3

Chcę, aby niektóre węzły w moim układzie skierowanym siłą ignorowały wszystkie siły i pozostawały w stałych pozycjach w oparc ... eporozumienie, jak to ma działać. Jak mogę naprawić węzły w danej pozycji, zachowując łącza i pozwalając na ich przeciąganie?

Napraw pozycję węzła w układzie skierowanym siłą D3

Chcę, aby niektóre węzły w moim układzie skierowanym siłą ignorowały siłę i pozostawały w stałych pozycjach w oparciu o atryb ... ojej pozycji (ale nadal przeciągalne), a reszta węzłów unosi się wokół siły-skierowane-jak, a wszystkie linki nadal działają?

Układ kierowany siłą D3 z obwiednią

Jestem nowy w D3 i mam problem z ustaleniem granic dla mojego układu force directed. Udało mi się poskładać (z przykładów) to ... nction(o) { return o.source === d || o.target === d ? 1 : opacity; }); }; } });

semantyczne powiększanie wykresu kierowanego siłą w d3

Wiele przypadków zostało pokazanych dla geometrycznego powiększenia grafu skierowanego siłą za pomocą powiększenia geometr ... link position update(); } function transform(d){ // change node x, y position, not sure what function to put here. }

Uspokojenie początkowego kleszcza układu sił

Właśnie zacząłem parać się d3 i uważam, że krzywa uczenia się jest dość stroma. Proces jest zupełnie inny niż to, do czego je ... kową pozycję każdego węzła ręcznie, tak, że mogę umieścić je bliżej centrum grawitacyjnego i skrócić" czas odbicia " trochę?

Konfiguracja wykresu statycznego o stałym układzie w d3.js

Mam działający przykład kodu (tylko część <script type="text/javascript">) statycznego grafu używając d3.js Jak poniżej ... ż spełnione w powyższym skrypcie. Więc jak dalej skonfigurować ten skrypt d3, aby stworzyć układ pokazany na drugim obrazku?

Dlaczego d3.js v3 złamać mój wykres siły podczas wdrażania powiększania, gdy v2 nie?

Mam układ sił, który stworzyłem za pomocą d3.js Chciałbym mieć zarówno normalną funkcjonalność układu siły przeciągania, ja ... gt;</script> Dlaczego v3 łamie układ siły, gdy v2 nie, i co ważniejsze, co mogę zrobić, aby naprawić? Z góry dzięki!

d3.js: sugerowana pozycja węzła w układzie sił

Chciałbym stworzyć wykres, w którym węzły mają sugerowane pozycje, ale chciałbym również użyć układu siły, aby upewnić się, że same węzły nie nakładają się na siebie. Czy jest to możliwe w d3?

unikaj d3.js circles overlaping

Widać w tym bl.ock http://bl.ocks.org/3012590 że w Paryżu jest wiele punktów, z dużym kółkiem nad małymi: Chciałbym dos ... blemy, jeśli rozmiar okręgu zmienia się (jeśli wszystkie okręgi w Paryżu stają się małe, to stają się zbyt daleko od siebie)?

Dodaj etykietę tekstową do węzła d3 w wymuszonym wykresie skierowanym i zmień rozmiar po najechaniu kursorem

Próbuję dodać etykietę tekstową do węzłów w wykresie D3 Force Directed, wydaje się, że jest problem. To jest moje : Kied ... w są w porządku.To skrzypek jest wynikiem tego wysiłku, który włożyłem do środka. Czy ktoś może mi powiedzieć, co robię źle?

D3 Wymuś skierowany Wykres z obsługą przeciągania i upuszczania, aby wybrana pozycja węzła stała się stała po zrzuceniu

Przykład na wykresie force direct można znaleźć tutaj: http://bl.ocks.org/950642 Jak łatwo dodać obsługę przeciągania i up ... odzenia i zastanawiam się, czy ktoś jest w stanie podać mi szybki przykład, jak dodać takie Wsparcie, Jak wyjaśniono powyżej.

Jak dodać węzeł złożony w układzie sił D3?

Dodaję węzły do wykresu układu sił takiego: var node = vis.selectAll("circle.node") .data(nodes) .enter() .appe ... la każdego okręgu, więc potrzebuję czegoś takiego: <a href="whatever.com"><circle ...></circle></a>

D3.Graf skierowany siłą js, zmniejsz przekroje krawędzi, sprawiając, że krawędzie odpychają się nawzajem

Więc Mam już stronę, która rysuje wykres skierowany siłą, jak ten pokazany Tutaj . I to działa dobrze. Używam JS z tutaj , ... , a także między węzłami? nie znam się na sposób działania siły D3 i nie mogę znaleźć niczego, co mówi, że jest to możliwe...

D3 Force-directed graph using texts zamiast nodes

Oryginał: http://mbostock.github.com/d3/ex/force.html W jego przykładzie podanym w powyższym linku, po prostu próbuję zas ... ttr("cx", function(d) { return d.x; }) .attr("cy", function(d) { return d.y; }); }); }); //--> </script>