Tag: force-layout

Kraft-layout ist eine Art von Diagramm Diagramm, in dem die Positionen der Knoten sind, die durch eine simulation der Kräfte.

Schreiben von einfachen Kraft-layout-app mit D3.js

Anzahl der Antworten 1 Antworten
Bin ich angefangen zu lernen D3.js und schreiben wollte eine einfache app mit Kraft-layout. Das Ziel ist, erstellen Sie 3-Knoten, die sind im Umlauf und können durch ziehen mit der Maus. Dies ist, wie weit ich bekommen

d3.js: so erstellen Sie "force-directed-graph-Clustern"

Anzahl der Antworten 3 Antworten
Ich habe die Erkundung der d3.js Bibliothek und vor allem das force-directed-graph-Erstellung. Ich Las das Papier, auf es von Bostock et al, und bemerkt, die genaue Art der Grafik, die ich versuche zu schaffen, im Grunde eine

Gekrümmte Linie auf d3 force-directed tree

Anzahl der Antworten 2 Antworten
Neues zu d3 und versuchen zu entwickeln, eine Kraft gerichtet Baum, in dem wir stecken varioss dataset. Ich habe es geschafft, die Grundidee und läuft, aber würde gerne die links gebogen, so kann ich viel mit mehreren

d3js erstellen eine Kraft-layout mit festen Knoten

Anzahl der Antworten 1 Antworten
habe ich implementiert diese http://jsbin.com/omokap/3/edit: Allerdings würde ich gerne Abbrechen, das dynamische Verhalten des Graphen (wie in der dragend Zustand, aber das ist nur für den einzelnen Knoten) und platzieren Sie den Knoten in die Punkte setzen,

Iteration über die bereits erzeugten Knoten in D3js

Anzahl der Antworten 1 Antworten
Ich bin mit einem force-directed-graph und bin hinzufügen der neu erzeugten Knoten des Graphen. Dieser funktioniert einwandfrei in Ordnung. Mein Knoten hat eine Eigenschaft namens "Staat", der hält zu ändern. Das problem, das ich bin vor ist,

D3-force-layout: Wie kann ich die Größe von jedem Knoten?

Anzahl der Antworten 2 Antworten
Ich bin mit dem erstaunlichen D3JS zu bauen, graph. Die Grafik ist gerendert, aber ich möchte, dass meine Knoten haben jeweils eine Größe. Werden die Daten in dieser form : {Quelle: "Antony Hoppkins", target: "Woody Allen", Wert:

D3.js, Kraft-Diagramm nicht anzeigen von text/Beschriftung der Knoten

Anzahl der Antworten 1 Antworten
Kann ich nicht anzeigen, Beschriftungen von Knoten mit einem Kraft-layout in d3.js. Ich versuche mit diesem Beispiel http://d3js.org/d3.v3.min.js Ich aktualisiert, dass der code nur hinzufügen von zoom, so wie hier: var svg = d3.select("body").append("svg").attr("width", width).attr("height", height).append('svg:g').call(d3.behavior.zoom().on("zoom", redraw));

Ausblenden/erweitern von untergeordneten Knoten des Baumes in d3.js?

Anzahl der Antworten 3 Antworten
Ich Baue eine Struktur (oder eher ändern eines der Beispiele, die mit einer Reihe von meine eigenen Daten in meinem eigenen json) und ich bin versucht zu erstellen, einige Funktionen: Mein Baum-layout ist, dass von dem Baum

D3.js force-directed graph, reduzieren Rand Kreuzungen, indem Sie die Kanten abstoßen

Anzahl der Antworten 4 Antworten
Also ich habe eine Seite, die bereits die zieht ein force-directed-graph, wie in der Abbildung hier. Und das funktioniert auch. Ich bin mit dem JS aus hier, mit ein paar tweaks, um sich auszubreiten die Knoten etwas

Markieren Sie die ausgewählten Knoten, links, und seine Kinder in einem D3-force-directed graph

Anzahl der Antworten 1 Antworten
Arbeite ich an einem force-directed-graph in D3. Ich möchte den mouseover würde Knoten, links, und seine Kind-Knoten, indem alle der anderen Knoten und links, um eine niedrigere Deckkraft. In diesem Beispiel, http://jsfiddle.net/xReHA/, ich bin in der Lage,

Hinzufügen von benutzerdefinierten Farben in D3 Knoten in einem graph

Anzahl der Antworten 1 Antworten
Ich bin mit D3-api für ein Diagramm, wo ein paar von Knoten bilden, die von einem übergeordneten Knoten i wollen, um die Farbe auf den Knoten des gesamten Graphen in einer Weise, dass jeder parent-node hat eine

Wie die Anzeige eines Textes, wenn Sie den Mauszeiger über einen Knoten in D3-force-layout

Anzahl der Antworten 2 Antworten
Ich versuche, um den text anzuzeigen, wenn ich mit der Maus über einen Knoten im Force-Directed Graph in D3.js. Mein problem ist, dass wenn ich mit der Maus über den Knoten, werden alle Texte dieser Knoten angezeigt

Wie kann ich es übersetzen d3.js Knoten?

Anzahl der Antworten 1 Antworten
Ich habe einen d3 force-directed-graph enthält eine Gruppe von Knoten: var node = vis.selectAll("g.node") .data(json.nodes) .enter().append("svg:g") .attr("class", "node") .attr("id", function(d) { return "node" + d.index; }) .attr("transform", function(d) { return "translate(" + d.x + "," + d.y

D3.js force-directed graph, jede Gruppe andere Farbe?

Anzahl der Antworten 5 Antworten
Ich habe ein force-directed-graph mit d3.js plugin, und ich will die Farbe der Knoten und die Etiketten mit der verschiedenen Farbe, je nach Gruppe, der Sie angehören. Habe ich ergänzt Maßstab für Farbe: var color = d3.scale.category20();

wie zu stoppen die Bewegung der force-directed-graph über die Kraft.starten

Anzahl der Antworten 1 Antworten
Ich bin mit force-directed graph zeigen Topologie-Daten auf grafische Ansicht. Ich habe unten geschrieben-code: var force = d3.layout.force() .charge(-120) .alpha(0) .linkDistance(65) .gravity(0.03) .size([width, height]); force .nodes(data.nodes) .links(data.links) .start(); Wenn ich den code auszuführen graph initialisieren mit einiger

D3js Kraft layout zerstören und reset

Anzahl der Antworten 2 Antworten
Basiert auf zwei D3-Beispiele: Kraft-layout (http://bl.ocks.org/mbostock/1095795) und Cluster-Kraft-layout (http://bl.ocks.org/mbostock/1748247), habe ich es geschafft, um ein Kraft-layout mit ein paar unabhängigen Schwerpunkt zu kontrollieren Knoten oben auf die verbindungen zwischen den Knoten. //Set up map function map_init(){ force

D3-force-layout-fix root-Knoten in der Mitte

Anzahl der Antworten 1 Antworten
Ich es geschafft, ziehen Sie einige grundlegende d3-force-layout-Diagramm, sondern kämpfen, wie kann man das root-Knoten in der Mitte. Meine Daten ist ziemlich einfach; ein root-Knoten mit einer Ebene Kinder. Nur eine Ebene. Eine andere Besondere Sache über

Hat Force-Directed Layout der d3-js-Unterstützung Bild als node?

Anzahl der Antworten 1 Antworten
d3 hat eine demo von einem Force-Directed Graph-Layout. Anstelle von Kreisen, ich möchte, dass alle Knoten im graph werden die Bilder. so, ich änderte .append("svg:circle") .attr("class", "node") .attr("cx", function(d) { return d.x; }) .attr("cy", function(d) { return

Etiketten / text an den Knoten D3 force-directed graph

Anzahl der Antworten 2 Antworten
Ich immer noch nicht verstehen, warum der code Balg nicht angezeigt, die Beschriftungen /text... Ich habe die css und legen Sie das Attribut wie der Titel wenn das verschieben über die Knoten: Json: { "nodes":[ {"name":"t1","group":1}, {"name":"t2","group":1},

d3.js Kraft-layout, auto-zoom/Skalierung nach dem laden

Anzahl der Antworten 4 Antworten
Ich bin mit diese schöne Kraft-layout aus Flowingdata.com erstellen Sie ein Netzwerk-Diagramm. Mein Diagramm zeigt derzeit zwischen 5 und 750 Knoten mit Ihren Beziehungen. Es funktioniert großartig mit einige benutzerdefinierte änderungen an meine Bedürfnisse anzupassen. Aber eine

Zusammenklappbar/hierarchische UND force-directed-graph in d3.js

Anzahl der Antworten 3 Antworten
Gibt es zahlreiche Beispiele von Kraft-gerichtete Graphen (z.B. nodes und links) und die zusammenklappbare Bäume (d.h. Eltern-Kind-Knoten), aber ich kann nicht finden, ein Beispiel für die Kombination dieser - im Gegensatz zu manchen anderen 1-level-clustered networks wie

d3.js hinzufügen klicken Sie auf Aktion, um eine Kraft-layout-Kreis?

Anzahl der Antworten 2 Antworten
Bin ich arbeiten, um zu erstellen ein ungerichteter graph mit Kraft-layout. Zudem versuche ich zu chage jeder Kreis (node) Farbe mit click-Ereignis. Gibt es irgendeine Idee, solch eine Veranstaltung auf die Kreis-Elemente. Ich tyry dieser code aber

D3.JS Verweis auf gebundene Daten des angeklickten Objekts

Anzahl der Antworten 3 Antworten
Ich bin ein Neuling in javascript und D3.js Arbeite ich mit der Force-Directed-Graph Beispiel bei https://gist.github.com/4062045 Brauche ich, um einen Verweis auf die gebundenen Daten des angeklickten Kreis-element, so dass ich einen link hinzufügen. Ich habe die

Keine click-Ereignis in JavaScript-Bibliothek D3

Anzahl der Antworten 2 Antworten
Ich bin mit D3-JavaScript-Bibliothek zur Anzeige von Daten als eine Kraft gerichtet marker. Es funktioniert einwandfrei. Aber ich bin nicht in der Lage hinzuzufügen, klicken Sie auf Ereignis, um den Kreis. also, wenn ich auf den Kreis,

Wie kann ich capture Tastenanschläge in D3-force-layout?

Anzahl der Antworten 1 Antworten
Eingehen möchte ich auf Tastendruck-Ereignisse gerichtet, die am Knoten in meine Kraft-layout. Ich habe versucht, indem alle Varianten von "Tastendruck", "keypress", "keyup", "keydown", die ich denken konnte, aber keiner von Ihnen ausgelöst. Meine Maus Ereignisse ausgelöst werden

Display ein Pfeil in der Mitte von D3-force-layout link

Anzahl der Antworten 3 Antworten
Ich bin mit D3 zu ziehen, ein force-directed-graph, die sehr ähnlich zu diesem Beispiel: http://bl.ocks.org/mbostock/1153292 Ich versuche, legen Sie die Pfeilspitzen in der Mitte des links anstelle des Ende. Spielen mit den attr("refX", 0) von der marker

D3-force-layout-Visualisierung Toten langsam, wenn ein großer Datenbestand?

Anzahl der Antworten 4 Antworten
Ich bin mit d3.js zum generieren eines force-directed layout meines Diagramms, bestehend aus 50K Knoten. Für etwas weniger als 5K, der Bibliothek wirkt Wunder. Ich bin mit dem Beispiel gerade aus der d3.js Beispiele-Seite durch ändern Sie

Konfigurieren fixed-layout statische Grafik in d3.js

Anzahl der Antworten 1 Antworten
Habe ich ein funktionierendes code-Beispiel (nur die <script type="text/javascript"> Teil) von einem statischen Diagramm mit d3.js wie folgt: /* Create graph data */ var nodes = ; for (var i = 0; i < 13; i++) {

d3.js: "Die Eigenschaft 'Gewicht' von undefiniert" kann nicht gelesen werden, wenn beide Knoten und Verknüpfungen für das Force-Layout manuell definiert werden

Anzahl der Antworten 6 Antworten
Ich habe versucht, beide Knoten und links zur gleichen Zeit auf diese Weise: var force = d3.layout.force() .size([w, h]) .nodes(nodes) .links(connections) .start(); nodes = [{"name":"data_base_id", "kind":"subgenre"},...] connections = [{"source":"name_of_node", "target":"name_of_other_node"},...] Ich habe Daten, die möglicherweise keine verbindungen,

D3 forcierter Graph mit Drag & Drop-Unterstützung, um die ausgewählte Knotenposition beim Ablegen zu fixieren

Anzahl der Antworten 1 Antworten
Beispiel auf eine direkte Kraft-Diagramm finden Sie hier: http://bl.ocks.org/950642 Wie kann ich einfach um die Unterstützung für drag-and-drop? Es sollte der Knoten fest mit der aktuellen Lage, wo es sank. Es ist wichtig, dass die restlichen Knoten

Aktualisieren von Elementen des D3-Force-Layouts, wenn sich die zugrunde liegenden Daten ändern

Anzahl der Antworten 2 Antworten
Ich bin mit einer der Kraft-layout-Beispiele (http://bl.ocks.org/1153292) zeigen ein Netzwerk auf meiner web-site. Ich dem Benutzer erlauben, zu entscheiden, welche Art von links zu sehen zu einem bestimmten Zeitpunkt. Ich merke, dass wenn ich wählen, um zu

Warum bricht d3.js v3 mein Force-Diagramm beim Implementieren des Zoomens, wenn v2 nicht funktioniert?

Anzahl der Antworten 1 Antworten
Habe ich eine Kraft, layout, dass ich erstellt habe, mithilfe d3.js Ich würde gerne sowohl die normalen Funktionen eines draggable-force-layout sowie die Fähigkeit zu vergrößern. Habe ich im Prinzip copy/Paste mit den Zoom-code aus diesem ( http://jsfiddle.net/nrabinowitz/QMKm3/

Vermeiden Sie überlappende d3.js-Kreise

Anzahl der Antworten 1 Antworten
Sehen Sie in dieser bl.ock http://bl.ocks.org/3012590dass es viele Punkte geo-referenziert in Paris, mit dem großen Kreis über die kleinen: Ich würde gerne etwas ähnliches zu http://vallandingham.me/vis/gates/ , so dass Kreise dicht angefügt durch seine Grenze. Tut mir

Aktualisieren von Links in einem Force-gerichteten Diagramm aus dynamischen JSON-Daten

Anzahl der Antworten 3 Antworten
Ich bin neu in D3 und arbeiten an einem force-directed graph, wo die json-Daten dynamisch. Ich bin in der Lage zu verändern die Kraft-Graphen nach dem Empfang neuer Daten, sondern das geschieht mit einem federnden Effekt. Der

D3 forciert gerichtetes Layout mit Bounding Box

Anzahl der Antworten 3 Antworten
Ich bin neu in D3 und Probleme bei der Einstellung der Grenzen für mein force-directed-layout. Ich habe es geschafft, Stück zusammen (durch Beispiele), was ich möchte, aber ich brauche das Diagramm enthalten sein. In der tick-Funktion, ein

Markieren Sie den ausgewählten Knoten, seine Verknüpfungen und seine untergeordneten Elemente in einem D3-Kraft-gerichteten Diagramm

Anzahl der Antworten 1 Antworten
Arbeite ich an einem force-directed-graph in D3. Ich möchte den mouseover würde Knoten, links, und seine Kind-Knoten, indem alle der anderen Knoten und links, um eine niedrigere Deckkraft. In diesem Beispiel, http://jsfiddle.net/xReHA/ich bin in der Lage, fade-out

Gibt es eine Möglichkeit, ein D3-Force-Layout-Diagramm zu vergrößern?

Anzahl der Antworten 6 Antworten
D3 hat ein force-directed layout hier. Gibt es einen Weg, um das Zoomen zu diesem Graphen? Derzeit war ich in der Lage zu erfassen das Mausrad-event, aber ich bin nicht wirklich sicher, wie Sie Sie schreiben, die

Fügen Sie Text / Label zu Links in D3 force gerichteten Graph hinzu

Anzahl der Antworten 5 Antworten
Habe ich gearbeitet, auf modifizierte force-directed-graph und nachdem einige Probleme mit dem hinzufügen von text/label auf links, wo die links sind nicht richtig ausgerichtet zu Knoten. Wie es zu lösen ist? Und wie kann ich einen Ereignis-listener

Beruhige den anfänglichen Tick eines Force-Layouts

Anzahl der Antworten 5 Antworten
Ich habe gerade erst begonnen, es einmal mit d3, und finden Sie die Lernkurve ziemlich steil. Der Prozess ist völlig anders als was ich gewohnt bin, und die Mathematik sind meist über meinen Kopf. Sowieso, mein Projekt

So erstellen Sie ein Force-Layout-Diagramm in D3.js, das auf die Bildschirm- / Browsergröße reagiert

Anzahl der Antworten 3 Antworten
Ich habe ein Diagramm mit Kraft-layout, aber es hat eine Feste Breite w und Höhe h: var svg = d3.select("#viz").append("svg") .attr("id", "playgraph") .attr("width", w) .attr("height", h) var force = d3.layout.force() .nodes(nodes) .links(links) .charge(-1600) .linkDistance(45) .size([w, h]); die

D3js: Automatische Etikettenplatzierung zur Vermeidung von Überlappungen? (Kraftabstoßung)

Anzahl der Antworten 6 Antworten
Wie mit der Anwendung von Gewalt Abstoßung auf der Karte, labels so finden Sie Ihren richtigen stellen automatisch ? Bostock' "Let' s Make a Map" Mike Bostock ist Wir Machen eine Karte (Abbildung unten). Standardmäßig werden die

Klicken Sie auf einen Knoten in d3 von einer Schaltfläche außerhalb der SVG

Anzahl der Antworten 2 Antworten
Habe ich einen force-directed-graph mit D3 und angezeigt, die id des nodes in einem normalen div. Ich brauche, um markieren Sie den Knoten, dessen id angeklickt wurde, in die div. Gesucht hab ich die id des Knoten

Fixiere Knotenposition in D3 Force-Directed Layout

Anzahl der Antworten 1 Antworten
Möchte ich einige Knoten in meinem force-directed-layout zu ignorieren, die Kraft und bleiben an festen Positionen, basierend auf dem Attribut des Knotens, während noch in der Lage, um verschoben zu werden und dort die Ablehnung auf anderen

Wie entferne ich alle untergeordneten Elemente von einem Knoten und wende sie dann erneut mit anderer Farbe und Größe an?

Anzahl der Antworten 5 Antworten
Also habe ich das nächste force-layout-Grafik-code für die Einstellung der Knoten, links und andere Elemente: var setLinks = function () { link = visualRoot.selectAll("line.link") .data(graphData.links) .enter().append("svg:line") .attr("class", "link") .style("stroke-width", function (d) { return nodeStrokeColorDefault; }) .style("stroke", function

Dem erzwingungsgesteuerten Layout neue Knoten hinzufügen

Anzahl der Antworten 1 Antworten
Erste Frage auf Stack Overflow, so mit mir tragen! Ich bin neu d3.js, aber wurde immer wieder erstaunt, was andere in der Lage sind zu erreichen... und fast genauso überrascht, wie wenig Fortschritte ich in der Lage

Fügen Sie dem Knoten "d3" ein Textlabel hinzu, um das gerichtete Diagramm zu erzwingen und die Größe bei Hover zu ändern

Anzahl der Antworten 1 Antworten
Ich versuche, fügen Sie text-label der Knoten in d3 Force-Directed Graph, es scheint ein Problem zu sein. Dies ist mein Fiddle: Wenn ich den node-Namen wie diese: node.append("text") .attr("class", "word") .attr("dy", ".35em") .text(function(d) { console.log(d.name); return d.name;