d3-force-directed

0熱度

1回答

我正在構建一個強制定向圖，並且據我所知，我已經正確編寫了代碼。此代碼運行後，DOM看起來完全正確。然而，沒有顯示。 var type_node_list = typeNodes(data); shuffle(type_node_list); initializePosition(type_node_list); var links = typeLinks(type_node_list);

1熱度

1回答

固定節點不被固定（D3力向圖）

我設置的節點被固定 let link = svg.append("g") .attr("class", "links") .selectAll("line") .data(graph.links) .enter().append("line") .attr("stroke-width", () => 4) let node = svg.appe

0熱度

1回答

D3強制有向圖拖動和縮放功能不起作用

我一直在試圖實現一個D3強制有向圖函數給我的數據的視覺表示，到目前爲止，我已經成功地獲得節點顯示在屏幕，並具有可拖動的單個節點，但我一直沒有成功讓整個網絡進行平移和縮放。我已經看過無數個在線的例子，但還沒有真正能夠弄清楚我做錯了什麼。有人能指出我在正確的方向，請使用D3版本4 function selectableForceDirectedGraph(){ var width = d3.s

0熱度

1回答

在D3.V4中構建一個節點排序的力指向同心圓圖.V4

我目前正在構建D3.js中研究論文之間關係的圖。目前我的代碼允許我生成一個強制定向圖。我可以放大和拖動圖形，暫時「醜陋」的工具提示顯示關於「鼠標懸停」的節點信息（但這與此問題無關）。我在尋找最佳的方式來根據出版年來可視化文章網絡。我認爲，要做到這一點，最好的辦法是在同心圓圖案顯示由一年的節點，就像這樣： Simple representation of the expected result o

2熱度

1回答

解釋Mike Bostock節點解析循環

我對JavaScript和d3相對比較陌生，但我對強制定向佈局非常感興趣。在邁克·博斯托克的力指向可視化效果，他傾向於使用下面的代碼（或類似）從一個鏈接列表解析節點： var links = [ {source: "A", target: "B"}, {source: "B", target: "C"}, {source: "C", target: "A"}];

0熱度

2回答

d3js強制定向圖 - 點擊節點彈出信息從JSON讀取

我一直在使用Force-Directed Graph，但我仍然是D3js和Javascript的新手。我希望能夠點擊頁面上的節點和信息框彈出窗口並打印關於該節點的某些信息（來自JSON）。我的JSON文件的例子： {"directed": false, "graph": {}, "nodes": [{"id": 0, "name":"Ant" , "info":"Small Animal"}

0熱度

2回答

d3-force防止單個節點移動

我在具有鏈接以及單個節點的網絡上使用d3力仿真。問題是：這個力量將所有的東西都推得很遠。我想要的是，力量只作用於鏈接的節點，如果它們被推向彼此或2個鏈接的組件重疊。 var simulation = d3Force.forceSimulation() .alphaDecay(0) .force("link", d3Force.forceLink()

0熱度

1回答

d3js多個網絡問題

該場景：我有d3呈現多個網絡。它由單個節點，多個連接的節點網絡組成。我正在嘗試附加d3-force（模擬），以便拖動時節點不重疊，整個網絡保持相對定位。正在使用衆多的力量。問題：當仿真負載（simulation.restart（）），整個網絡不斷張開。所有節點/網絡都無限期地離開。即使拖動來自一個網絡的節點，所有其他網絡也會移動。如果有人能指出我正確的解決方案，將不勝感激。繼承人

1熱度

1回答

將節點標籤添加到D3網絡

我無法弄清楚如何將節點標籤添加到我的D3強制定向網絡。此代碼可以顯示標籤，但不會隨網絡一起移動。如何將文本追加到節點本身？有人有任何建議嗎？謝謝你一堆。 <!DOCTYPE html> <meta charset="utf-8"> <style> .links line { stroke: #999; stroke-opacity: .6; shape-re

0熱度

1回答

將d3-force-3d計算插入到3-D圖形渲染器中

我是threejs noob，我的用例需要我在3D中渲染力導向圖。我正在使用d3-force-3d來計算圖形節點上的所有力。但是，我沒有找到任何將這些計算考慮在內的庫，併爲此創建了三維圖。我只能找到一個庫，它使得3D中的力指向圖形爲3d-force-graph，但它不允許您編輯我需要的力。是否有直接插入d3計算並呈現3D圖的庫？