force-layout

I believe I found a bug in D3 v4.x (v4.5.0), when in a force-directed chart one combines d3.forceCollide to prevent nodes from overlapping and d3.forceX/Y to set the position of the nodes with a high strength value, and I’m about to create an issue in D3 GitHub repository. However, before creating the issue, I’d like to check it with the D3 users here on StackOverflow: it may not be a bug , it may be the very expected behaviour of using such combination. The code In the S.O. snippet below, I’m plotting 900 (30 x 30) circles. They are positioned using d3.forceX and d3.forceY , with a high

I have developed a force layout to represent relationships between social groups. Now I would like to get the nodes to be distributed in a circle with links joining them. What is the best way to do this? The complete version of the code (without data) is here http://jsfiddle.net/PatriciaW/zZSJT/ (Why do I have to include code here too? Here is the main portion) d3.json("/relationships?nocache=" + (new Date()).getTime(),function(error,members){ var links=members.organizations.map(function(members) { return members.member; }); var nodes = {}; links.forEach(function(link) { link.source = nodes

I am experimenting with force directed layout using D3.js. What I need is center the layout by root (or other selected node) and return this node to the svg (e.g. canvas) center after the tick function is done (the graph alpha is low). Is it possible? I found an example at http://bl.ocks.org/1080941 but I am unable to make the root (when using aplha or other custom tick function calculation) return back to the center (center the layout by this particular node). Any help would be appreciated. Actually I solved this like this(similar to previous but more sophisticated): force.on("tick", function

I have nodes in a D3 force-directed layout that are set to . fixed = true. If I set the .x or .y values, the nodes themselves don't move to their new position. Here's my function: function fixNode(idArray, locationX, locationY) { for ( x = 0; x < idArray.length; x++ ) { for ( y = 0; y < nodes.length; y++ ) { if (nodes[y].id == idArray[x]) { nodes[y].fixed = true; nodes[y].x = 50; nodes[y].y = 50; break; } } } } UPDATE 1: Here is the working function based on Jason's advice: function fixNode(idArray, locationX, locationY) { for ( x = 0; x < idArray.length; x++ ) { for ( y = 0; y < nodes.length;

I'd like to do something a little bit out of the ordinary with force layouts (for visualizing graphs). Constellations and all are fun to look at, but for timeseries data, it's not that helpful. I'd like to be able to constrain the layout by some axis, for example, by laying out the nodes according to the time they appear in a dataset, while still retaining the "bouncyness" of the visualization. Is this possible using d3? To elaborate on my comment, yes, this is perfectly possible. The force layout does not in fact position the nodes itself, it merely computes the positions. In the handler of

I am using D3 JavaScript library to display data as a force directed marker. It works fine. But I am unable to add click event to the circle. so when I click on the circle, I get detailed analysis of the circle and display it in a modal box. var links = [{source: "x", target:"y", type: "paid"},......]'; var nodes = {}; // Compute the distinct nodes from the links. links.forEach(function(link) { link.source = nodes[link.source] || (nodes[link.source] = {name: link.source}); link.target = nodes[link.target] || (nodes[link.target] = {name: link.target}); }); var w = 950, h = 500; var force = d3