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.
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
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
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
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,
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,
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:
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));
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
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
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,
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
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
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
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();
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
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
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
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
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},
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
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
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
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
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,
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
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
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
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++) {
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,
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
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
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/
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
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
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
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
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
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
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
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
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
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
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
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
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
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;