d3.js forciert das von einer Form begrenzte Layout

8

Ich habe mich gefragt, ob es eine Möglichkeit gibt, ein kraftgesteuertes Layout mit d3.js zu erstellen und es durch eine beliebige Form so zu beschränken, dass

  • Alle Knoten sind äquivalent verteilt innerhalb der Form und
  • Der Abstand zwischen der Grenze und den Knoten ist gleich dem Abstand zwischen den Knoten

Ich hoffe, da ist schon eine solche Lösung da draußen. Ansonsten ist meine Idee, mit dem kraftgerichteten Layout zu beginnen und die Abstände von den Knoten zu den Grenzen in jeder Iteration zu überprüfen. Irgendwelche Vorschläge von dir?

    
Michael 26.02.2013, 21:52
quelle

1 Antwort

3

Deine Idee gehört mir auch. In der Tick-Funktion können Sie zusätzliche Kräfte hinzufügen. Dies ist mein Vorschlag (nicht getestet):

%Vor%

Ich habe den umgekehrten quadratischen Abstand zur nächsten Rahmenfunktion, basierend auf den Formeln in excellent paper Zeichnen von Graphen mit Hilfe von Simulated Annealing . Das folgende Bild zeigt, wie sich Methoden aus diesem Dokument auf Zeichnungsknoten auswirken, die durch eine Box begrenzt sind:

Und dieses Bild zeigt einen Fall mit verschiedenen Einschränkungen, die Verbindungen zwischen Knoten beinhalten:

    
Frank van Wijk 27.03.2013 11:58
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie kann ich verschiedene Fußzeilen für TableSections einrichten, wenn Sie einen benutzerdefinierten TableView-Renderer verwenden?