Dessiner plusieurs liens entre des nœuds fixes

J'ai un graphe dirigé par force avec des liens entre chaque noeud. Maintenant, certaines paires de nœuds ont plusieurs liaisons entre elles. J'ai trouvé cet exemple: Dessiner plusieurs bords entre deux noeuds avec d3 .

Cela a bien fonctionné, pensai-je. Mais si vous avez des nœuds fixés et faites glisser, les chemins finissent par se chevaucher. J'ai préparé une version éditée de cet exemple: http://jsfiddle.net/thatOneGuy/7HZcR/502/

Cliquez sur le bouton pour réparer les nœuds et les déplacer pour voir ce que je veux dire.

Code pour calculer la quantité d'arc:

• AngularJS: injecter un service dans une directive?
• Cacher l'étiquette si pas assez d'espace D3 Zoomable Sunburst chart
• Graphique de force d3: noeuds collants
• Définissez les étiquettes d'axe x personnalisées dans les tableaux de barres d3?
• C3.js Visualisation SVG sur Canvas avec canvg – Graphiques linéaires remplis de rectangles noirs, "ERROR: Élément" parsererror 'pas encore implémenté "

//sort links by source, then target links.sort(function(a,b) { if (a.source > b.source) {return 1;} else if (a.source < b.source) {return -1;} else { if (a.target > b.target) {return 1;} if (a.target < b.target) {return -1;} else {return 0;} } }); //any links with duplicate source and target get an incremented 'linknum' for (var i=0; i<links.length; i++) { if (i != 0 && links[i].source == links[i-1].source && links[i].target == links[i-1].target) { links[i].linknum = links[i-1].linknum + 1; } else {links[i].linknum = 1;}; }; 

Est-ce que quelqu'un peut penser à une autre façon de faire cela ou à résoudre cette façon peut-être? Je pourrais avoir 3 peut-être même 4 liens entre deux noeuds.

• D3 DataMaps: OnClick Events on Bubbles
• D3.js – Grilles de donut avec anneaux multiples et transition d'animation
• Création du graphe D3 forcé
• Précalculer et définir les positions initiales des noeuds dans D3.js
• Comprendre la visualisation de Javascript D3 quadtree

 path.attr("d", function(d) { var curve=2; var homogeneous=3.2; var dx = d.target.x - d.source.x, dy = d.target.y - d.source.y, dr = Math.sqrt(dx*dx+dy*dy)*(d.linknum+homogeneous)/(curve*homogeneous); //linknum is defined above return "M" + d.source.x + "," + d.source.y + "A" + dr + "," + dr + " 0 0,1 " + d.target.x + "," + d.target.y; });