javascript js render - Reine JavaScript Graphviz Äquivalent




3 Answers

Sehen Sie sich diese reine JavaScript-Implementierung eines .dot-Canvas-Renderers an:

http://ushiroad.com/jsviz/

Die Bibliothek ist nicht dokumentiert - der Autor sollte es definitiv veröffentlichen und dokumentieren (ich werde mich mit ihm in Verbindung setzen, um zu sagen, dass er es zumindest auf GitHub aufsetzt).

Update : Code wurde nach Github verschoben: https://github.com/gyuque/livizjs

Update (14.2.2013) : Ein weiterer Anwärter ist entstanden! Wer sich für das Thema interessiert, sollte sich unbedingt Viz.js Beispielseite und github repo ansehen .

dot online

Kennt jemand eine reine Javascript-basierte Implementierung der gerichteten Flussdiagramme, die GraphViz erzeugen kann? Ich interessiere mich NICHT für die Ausgabe hübscher Grafiken, sondern für die Berechnung der maximalen Tiefe jedes Knotens sowie für das Layout von Bezier-Linien, die optimiert sind, um die Anzahl der Schnittkanten zu minimieren, wenn Sie mit einem Graph statt mit einem Baum arbeiten von Informationen. Ich möchte diesen Code sowohl innerhalb eines Browsers ausführen; Ich bin mir bewusst, dass ich Graphviz problemlos als Erweiterung in meinen Node-Server einbetten oder sogar popen() und über Diagramminformationen im .dot Format streamen kann.

Als Referenz sehen Sie hier eine typische GraphViz-Ausgabe. Beachten Sie, wie Elemente gestapelt und voneinander beabstandet sind, damit die Verbindungslinien zwischen Knoten verlaufen können, ohne sich (sehr oft) zu schneiden oder Knoten zu passieren.




Nachdem ich alle Optionen betrachtet hatte, fand ich viz.js ( https://github.com/mdaines/viz.js/ ) basierend auf jsviz und graphviz.js, um tatsächlich eine API zu haben, die von einer Webseite verwendbar ist, und genügend Beispiele dafür verstehen.




Dies ist kein vorgefertigter Graphviz-Ersatz, aber d3.js ist eine Bibliothek, die aus gegebenen Daten verschiedene Layouts erstellen kann und eine großartige Plattform für die Implementierung von graphviz darstellt.

Hier ist ein Beispiel für kraftgerichtete Layouts, das ist eine Form dessen, was graphviz tut.

Hier ist eine Rede über Layouts mit wahnsinnig tollen interaktiven Folien .

Um das Projekt kennen zu lernen, sind die tutorials sehr gut.




Related