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图的库？