Une barrière de noeud est-elle possible avec la disposition de force d3?

Question

Salut, je suis nouveau à D3 et je ne trouve pas d'exemples de disposition de force d3 qui a des barrières qui sont des chemins. Je pense quelque chose comme ça.

Hour glass of circle nodes

comme cela, mais limite irrégulière, pas une boîte. https://bl.ocks.org/mbostock/1129492

Answer 1

Je ne vois pas pourquoi ce n'est pas possible, le code utilisé dans l'exemple:

function tick() { 
node.attr("cx", function(d) { return d.x = Math.max(radius, Math.min(width - radius, d.x)); }) 
    .attr("cy", function(d) { return d.y = Math.max(radius, Math.min(height - radius, d.y)); }); 

définit simplement les valeurs maximales et minimales pour le centre des noeuds (cx et cy). Donc, si vous pouvez écrire une équation qui représente la forme de l'arête que vous voulez créer, vous devriez être capable de contenir les nœuds dans cette forme.

La difficulté pourrait être de refléter la forme de l'autre côté du svg.

Quelque chose comme:

function tick() { 
node.attr("cx", function(d) { return function(d){ 
d.x = Math.max(radius, Math.min(d3.select(this).attr("cy")- radius, d.x)); }} 
.attr("cy", function(d) { return d.y = Math.max(radius, Math.min(height - radius, d.y))) 
} 

Je pense qu'il faut mettre en place une ligne diagonale sur le côté droit avec un 1: 1 gradient mais évidemment pas testé et il pourrait ralentir massivement vers le bas la force.