Arbor.js Graph unstable mit> 30 Knoten, die mit einem zentralen Knoten verbunden sind

Question

Mit mehr als 30 Knoten, die mit einem übergeordneten Knoten in einer Arbor.js-Visualisierung verknüpft sind, oszilliert der übergeordnete Knoten zwischen gegenüberliegenden Seiten des Clusters - gif.

Reproduzierbar mit this repo - überprüfen Sie es, drehen Sie einen lokalen Server (python -m SimpleHTTPServer 8080), und zeigen Sie Ihren Webbrowser auf localhost:8080.

Der Graph scheint stabil bei 30 Knoten, instabiler-but-Still-zentralisiert bei 35, und völlig instabil bei 40.

Ich denke, dies ist so, weil, wenn der Elternknoten außerhalb des Zentrums des Clusters ist, der "Pull" aller Kindknoten zieht es so stark, dass es beim nächsten "Tick" hinter dem Cluster auf der gegenüberliegenden Seite liegt. Ich denke, das könnte behoben werden, indem entweder die Gesamtkraft, die auf einen einzelnen Knoten ausgeübt werden kann, oder die maximale Entfernung, die ein Knoten in einem einzigen Tick bewegen kann, begrenzt wird - aber ich weiß auch nicht, wie man das tut - sys.bounds()doesn't do what I want.

Answer 1

Sie können dies beheben, indem Sie die Abstoßung/Steifheit/Reibung einstellen - am einfachsten in diesem Fall, indem Sie die Reibung von 0,5 auf 0,6 erhöhen, so dass Sie 40 Elemente um einen zentralen Knoten herum haben.