modifizieren d3 die Kraft-Layout "annealling" Zeitplan

Question

Ich habe eine d3 Force-Layout-Grafik viz funktioniert ziemlich schön, aber es wird oft früh 'stecken'. Zum Beispiel wackeln Knoten in Richtung einer guten Platzierung, und wenn sie "stoßen" (injizieren ein bisschen Zufälligkeit zu ihrer Platzierung und start() wieder, sie endlich dort ankommen. Das Problem wird auch schlimmer, wenn ich friction verringern, weil die Benutzer denken, dass es ist auch frenetisch.

ich sehe Erwähnung von ‚annealling‘ (ala simuliert annealling) in der force.js source code, und der exponierte alpha Parameter ist ein wichtiger Bestandteil. ich frage mich, ob jemand hat herausgefunden, wie die allgemeine annealling Zeitplan verwalten direkt (ohne! Patchen force.js!)?

Answer 1

Der Kern der Antwort ist @ meetamits Kommentar (um den Zerfall von Alpha zu beschleunigen). Sie können Hören Sie auch auf, das Layout aufzurufen, wenn es unter einem Schwellenwert liegt, und Sie können auch mit dem "Jitter" umgehen, indem Sie Übergänge zu Ihren Knoten-/Link-Bewegungen hinzufügen.

animationStep = 200; 
force.on('tick', function() { 
    node.transition().ease('linear').duration(animationStep) 
     .attr('transform', function(d) { 
      //your node transitions here 
     }); 
    var alpha = force.alpha(); 
    force.stop(); 
    setTimeout(function() { 
     if (!alpha > 0.001) { 
     force.alpha(alpha * 0.9); 
     } 
    }, animationStep); 
    }; 
    force.on('tick', tick);