force-layout

问题 I am undertaking yet another attempt to draw a family tree with d3. For this, I would like to use the usual node-link graph (like this one): But with a link style like that usually found in d3 trees, i.e. be the Bezier curves with horizontal (or vertical) ends: Is it possible to change the links accordingly, without diving into the d3-force code? 回答1: If you are just looking to match the style of the links, no need to dive into the d3-force code, it only calculates position, not anything

问题 I am undertaking yet another attempt to draw a family tree with d3. For this, I would like to use the usual node-link graph (like this one): But with a link style like that usually found in d3 trees, i.e. be the Bezier curves with horizontal (or vertical) ends: Is it possible to change the links accordingly, without diving into the d3-force code? 回答1: If you are just looking to match the style of the links, no need to dive into the d3-force code, it only calculates position, not anything

问题 I am trying to create a "Flowchart/Workflow" type of chart/representation. Each node will be a "task" and then we will draw lines to connect each task to the next one so that we can layout the workflow. This example is very close to what we want and so we've chosen it as a "jumping off point". You can see the code for this example here. And here's a snippet of it at work: /* Copyright (c) 2013 Ross Kirsling Permission is hereby granted, free of charge, to any person obtaining a copy of this

问题 I have a force directed graph with different nodes, I want to change the color of the selected node and all the connected (neighbour) nodes when user does mouseover to it. I am trying to do this.. function onMouseover(d){ node.style("fill", function(o){ var color = isConnected(d, o) ? 'red' : 'blue'; return color; }) force.resume(); } function isConnected(d, o){ return o.index === d,index || (d.children && d.children.indexOf(o.index) !== -1) || (o.children && o.children.indexOf(d.index) !==

问题 I have a force directed graph with different nodes, I want to change the color of the selected node and all the connected (neighbour) nodes when user does mouseover to it. I am trying to do this.. function onMouseover(d){ node.style("fill", function(o){ var color = isConnected(d, o) ? 'red' : 'blue'; return color; }) force.resume(); } function isConnected(d, o){ return o.index === d,index || (d.children && d.children.indexOf(o.index) !== -1) || (o.children && o.children.indexOf(d.index) !==

问题 I was wondering how it would be possible to modify Mike Bostock's example of a multi-force layout in order to try and get the force layout to group nodes in a grid. So let us imagine that we have the following csv: Name, Category1, Category2 1,1,1 2,1,2 3,1,1 4,2,2 5,3,1 6,1,4 7,5,5 8,1,5 9,2,4 10,3,3 11,4,4 12,4,5 13,3,4 14,1,2 15,1,1 16,2,2 17,3,1 18,2,1 19,4,5 20,3,1 For his kind of data I would like to have all the possible values of Category 1 as columns and all the possible values of

问题 I was wondering how it would be possible to modify Mike Bostock's example of a multi-force layout in order to try and get the force layout to group nodes in a grid. So let us imagine that we have the following csv: Name, Category1, Category2 1,1,1 2,1,2 3,1,1 4,2,2 5,3,1 6,1,4 7,5,5 8,1,5 9,2,4 10,3,3 11,4,4 12,4,5 13,3,4 14,1,2 15,1,1 16,2,2 17,3,1 18,2,1 19,4,5 20,3,1 For his kind of data I would like to have all the possible values of Category 1 as columns and all the possible values of

问题 I have the following code in my Codepen that's able to render the sprites flags (from CSS), yet it's not in the position where it should be based on the nodes's position. In fact, I am able to drag the nodes from the flags sprites from the top! Looking at some console.logs, it seems that d.x and d.y position from function ticked() is not passing when the nodes are called. I am not sure how to fix this issue const width = w - (margin.left + margin.right); const height = h - (margin.top +

来源： https://stackoverflow.com/questions/40018270/d3js-v4-add-nodes-to-force-directed-graph

来源： https://stackoverflow.com/questions/40018270/d3js-v4-add-nodes-to-force-directed-graph