Welche JavaScript-Bibliothek visualisiert am besten kleine gerichtete Diagramme, die per Drag-and-Drop verschoben werden können?

JavaScript-Bibliotheken für die Diagrammvisualisierung

Problem:

Sie benötigen eine JavaScript-Bibliothek, um einen gerichteten Graphen dynamisch auf einem zu rendern HTML-Seite. Das Diagramm wird relativ klein sein, sodass die Leistung nicht im Vordergrund steht. Darüber hinaus möchten Sie die Möglichkeit haben, das Layout manuell durch Ziehen von Knoten anzupassen.

Lösung:

GraphDracula

• MIT-lizenzierte JavaScript-Bibliothek mit Unterstützung für gerichtetes Diagrammlayout im SVG-Format.
• Ermöglicht Sie können Knoten und Kanten einfach mit JavaScript-Code erstellen.
• Enthält einen kraftbasierten Diagrammlayout-Algorithmus und unterstützt das Ziehen von Knoten.
• Noch in der Entwicklung, aber für die meisten Zwecke vollständig verwendbar.

Andere Optionen:

• vis.js: Mehrzweckbibliothek, die Netzwerk-/Kantendiagramme, Zeitleisten und verschiedene Diagrammtypen unterstützt.
• Cytoscape.js: Interaktive Diagrammanalyse- und Visualisierungsbibliothek mit mobiler Unterstützung und jQuery-ähnlich Konventionen.
• Jit: Interaktives Framework für das Zeichnen und Layout von Diagrammen.
• D3.js: Leistungsstarke Visualisierungsbibliothek mit Unterstützung für kraftgesteuerte Diagramme .
• Plotly: Visualisierungsbibliothek mit D3.js mit Bindungen für JavaScript, Python, R und MATLAB.
• sigma.js: Leichte Bibliothek zum Zeichnen von Diagrammen.
• jsPlumb: jQuery-Plug-in zum Erstellen interaktiver verbundene Diagramme.
• Springy: Kraftgesteuertes Diagrammlayout Algorithmus.
• JS Graph It: Drag'n'Drop-Boxen, die durch Linien verbunden sind.
• RaphaelJS's Graffle:Interaktives Diagrammzeichnungsbeispiel mit einem Vektor Zeichnungsbibliothek.
• JointJS Core: Open-Source-Diagrammbibliothek, die interaktive Diagramme unterstützt Tools.
• mxGraph: Kommerzielle Bibliothek für interaktives Zeichnen und Layout von Diagrammen.

Verlassene Bibliotheken:

• Cytoscape Web
• Canviz JS
• arbor.js

Nicht-JavaScript-Bibliotheken:

• Graphviz (Emscripten-Port für JavaScript)
• Flare (Flash-basiert)
• NodeBox (Python)
• Processing.js (JavaScript-Port von Processing)

Das obige ist der detaillierte Inhalt vonWelche JavaScript-Bibliothek visualisiert am besten kleine gerichtete Diagramme, die per Drag-and-Drop verschoben werden können?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!