首页 > TAG信息列表 > force-layout

javascript-在d3力向图中使用曲线

我想通过d3强制布局可视化一些数据. 但是,连接节点的链接是直线.但是数据 可能具有连接两个节点的多个边.所以直线强制布局无法正确显示所有这些.我试图追加链接而非路径的路径.但这没有用.我不知道是否是因为我以错误的方式或用力使用它布局不接受路径作为链接.解决方法:使用svg：行

d3强制可折叠布局-折叠所有节点的起始页

我只需要对此处可用的布局进行简单的修改 http://mbostock.github.io/d3/talk/20111116/force-collapsible.html 上面的可视化从扩展所有节点开始,因此用户可以可视化完整的层次结构.唯一的问题是,图形是否密集,并且形成的毛团没有意义. 我可能只希望从根节点开始,然后根据需要逐步

javascript-在D3中拖动事件的两个“调用”

我在d3中使用了力导向布局,在开发中遇到了一些障碍. var circle = svg.append("svg:g").selectAll("circle") .data(force.nodes()) .enter().append("svg:circle") .attr("r", function( d ) { return d.fValue; })

javascript-在D3强制布局中自动缩放对象

我有一个力导向图,并实现了自动完成功能以突出显示一个节点.基本上,一旦选择了一个节点,它就会变成红色.我现在想在此节点上“缩放”,这是将我的窗口更改为该节点大小的400％,并且该节点应居中. 以下是我的代码的相关示例：(或者您可以直接转到我设置的jsFiddle.) 首先,用于创建svg元素

javascript-根据节点数,通过电荷/重力属性优化d3力定向布局

我一直在使用D3中内置的强制控制算法进行网络拓扑可视化.一切工作都很好,但是在一个重要的细节上却遇到了麻烦…对于似乎节点数量不同的图,我似乎无法以理想的方式来布局图.理想情况下,我的意思是节点之间的间隔很好(没有重叠),并且节点在任何有意义的地方聚类.我一直在尝试通过调

javascript-如何在基于d3力的布局中在节点标签内的文本下划线？

我正在使用基于d3力的图,该图的节点标签实际上是URL,单击该URL会将用户带到目标URL.出于可用性的原因,是否可以在网址下划线？更好的是,当用户将鼠标悬停在某个标签上时,下划线是否可以显示和消失,文本的颜色是否可以更改？这将帮助用户了解标签是可单击的.请帮忙. document.addEventL

JavaScript-Circle packs作为D3强制布局的节点

这是jsfiddle： 假设您有两个政党,并且要在多个投票单位或类似结构的数据中展示选举结果,这确实非常好. 但是,我需要直观地表示：(5个政党,而不是2个政党)(请忽略除“座位”之外的所有原始内容；应该仅将“座位”可视化) 我想在每个力布局节点内都有一个圆包. 例如,应该有一个名为BC的气

javascript – 缩放到D3 Force Directed Graph上的单击节点

我正在尝试将面包车Wijk Smooth Zooming example应用到我正在工作的D3力导向图上,它已经有drag+zoom功能了.但是,我不知道如何获得我当前的位置,以使其成为转换的起点.尝试使用正常变换我有同样的问题. 我也试过看click-to-zoom-transform,但我不知道如何将它应用于力导向图. 有一

javascript – 修复D3 Force Directed Layout中的节点位置

我希望我的力导向布局中的一些节点忽略所有力并基于节点的属性保持在固定位置,同时仍然能够被拖动并在其他节点上施加排斥并保持其链接线. 我觉得它会像这样简单： force.on("tick", function() { vis.selectAll("g.node") .attr("transform", function(d) {

javascript – D3 Force Layout – 子图聚类功能

我有一些数据,我试图用D3力布局显示.如果这是一个天真的问题,或者我在问题标题中使用的术语不准确,请道歉.我找不到我想要的答案. 我做了一个小提琴,展示了我在这里的内容： http://jsfiddle.net/stevendwood/f3GJT/8/ 在示例中,我有一个节点(0),它有很多链接.另一个节点(16)具有较少

javascript – 为d3.js中的多个元素生成clipPaths

我正在尝试创建部分填充的圆圈,就像最终的NYT政治会议可视化中的那些：http://www.nytimes.com/interactive/2012/09/06/us/politics/convention-word-counts.html 我在d3(https://gist.github.com/1067636和http://bl.ocks.org/3422480)中为clipPaths找到的两个最清晰的代码示例为每

javascript – 在D3强制定向布局中,如何在不拖动的情况下以编程方式定位固定节点？

在this question的答案中,mbostock指出“如果一个节点是固定的,它只能通过拖动而不是通过模拟来移动.” 如果我想以编程方式定位节点,或者通过设置d.x和d.y值,该怎么办？到目前为止,我的尝试失败了.我尝试了d.x和d.y的明显设置,但固定节点会忽略这些值.我还尝试暂时“取消修复”,重绘

javascript – d3js v4：将节点添加到强制导向图

我想在d3js v4中渲染一个力导向图,并提供一个动态添加新节点和链接到模拟的函数.我的第一次尝试(见下文)仍有一些重大问题： >现有的节点和链接似乎被力量忽略了 添加链接后的模拟>模拟节点和链接及其SVG对应物之间的绑定以某种方式不起作用 我想我知道所有示例(例如, [1,2])都展示了

javascript – D3选择性缩放

我正在研究一种力导向的图形布局,其中包含一些附加功能：可选择的链接/节点,工具提示,鱼眼效果,以及 – 对我的问题很重要 – 缩放和平移. 现在,缩放工作非常好,如下所示： d3 ... .append('svg:g').call(d3.behavior.zoom().on("zoom", redraw))... 重绘功能看起来像这样…… func

javascript – d3.js – 强制布局边界问题V4

目前我在FCC的项目National Contiguity工作 本质上我能够弄清楚如何渲染标志精灵并连接节点及其链接. 我唯一遇到的问题是实现的是如何表现得与FCC的example类似.具体来说,我正在尝试让节点像示例中那样排斥边界. 但是,我的行为并不那样(事实上,它是非常集群的,但我不确切知道d3.js

javascript – 在d3.js中将节点和链接转换为分层树

我有一个表示图形的JSON(在我的例子中也是一棵树),看起来像这样： {"directed": true, "graph": [], "nodes": [{"time": 4, "id": 4551308, "name": "Alto da Boa Vista"}, {"time": 7, "id": 4551309, &q

javascript – 使用许多节点和链接加速d3强制布局

我想生成一个可视化,其中包含大量具有d3强制布局的节点(超过500个节点).虽然它可以正常运行多达200个节点,但是在大约500个节点上变得非常慢,从某种意义上说,布局会从一个帧到另一个帧发生故障,而节点上的鼠标悬停等事件远没有响应.这让我问了几个问题. >节点数量是否存在某种限制,

javascript – D3.js如何将力布局的节点排列在圆上

我已经开发了一种力量布局来表示社会群体之间的关系.现在我想让节点分布在一个带有连接它们的链接的圆圈中.做这个的最好方式是什么？ 代码的完整版本(没有数据)在这里http://jsfiddle.net/PatriciaW/zZSJT/ (为什么我也必须在这里包含代码？这是主要部分) d3.json("/relationships?no

javascript – d3.js：使用带有强制布局的缩放时禁用拖动

我见过这个问题：Is there a way to zoom into a D3 force layout graph? 但是我从我的图形中得到了一些意想不到的行为 – 在几次拖动或缩放或平移后所有节点都冻结并拖动停止工作. 我创造了这个小提琴：http://jsfiddle.net/7gpweae9/9/ 所以要求代码,所以这里是主要部分： var svg =

javascript – 使用d3.js force-layout定位节点的问题.节点“重新进入”每个数据更新,例如内部

我前几天曾问过这个问题,但我认为除了paxRoman之外的任何人都没有弄清楚我在问什么,因为没有一个例子很难描述. 然而,我们设法找出可能是我的问题,我设法将代码放在bl.ocks.org上,这样你就可以看到我的意思了一个例子！ 这是一个例子：http://bl.ocks.org/3020018 每次刷新数据时(在此

javascript – D3.js在svg中间粘贴父对象

我修改了Collapsible Force Layout http://mbostock.github.io/d3/talk/20111116/force-collapsible.html示例： ……现在看起来像这样 所有圆圈现在都可以拖动.我想在svg的中间贴中间圆圈(蓝色圆圈).可能吗？谢谢. <script> var width = 960, height = 600, roo

javascript – D3中强制布局的分层边缘捆绑

我目前有一个Force Layout： http://bl.ocks.org/mbostock/4062045 所以我的数据只是节点和链接,但我想用相同的数据创建这个Hierarchical Edge Bundling： http://bl.ocks.org/mbostock/7607999 我遇到了问题,因为我的数据不是分层的.它只是节点和链接.我不确定如何使这项工作,但它必

javascript – 如何翻译d3.js节点？

我有一个d3强制导向图,其中包含一组节点： var node = vis.selectAll("g.node") .data(json.nodes) .enter().append("svg:g") .attr("class", "node") .attr("id", function(d) {

javascript – 如何在D3强制布局中鼠标悬停节点时显示文本

当我将鼠标移动到D3.js中的Force-Directed Graph中的节点上时,我试图显示文本.我的问题是,当我将鼠标移动到任何节点上时,会显示这些节点的所有文本.这是我的代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> .node { stroke: #fff; stroke-width: 1.5px; }

javascript – D3强制布局：链接的直线而不是曲线(但仅适用于某些链接)

我有这个D3 jsfiddle产生以下图表： 困扰我的唯一问题是,如果两个节点之间只有一个链接,则将其绘制为曲线.我认为如果这样的链接只是直线会更好(箭头就可以了).让我们说微软和亚马逊之间应该只是一条直线(带箭头).甲骨文与谷歌,索尼和LG等同样如此. 怎么做到这一点？解决方法:这很容易.