Antwort

34

D3 ist für Diagramme und meist statische Graphen. Mit Cytoscape.js können Sie sehr anpassbare und interaktive Diagramme bearbeiten und eine API so einfach wie jQuery verwenden.

D3 ist für beliebige SVG. Dies bedeutet, dass, obwohl es verwendet werden kann, um viele verschiedene Dinge zu machen, müssen Sie den Renderer, die Interaktion und das Modell selbst erstellen. Manchmal ist das was du brauchst. (Anmerkung SVG neigt nicht in der Lage sein performant zu machen hochkomplexe Szenen mit vielen SVG-Elemente, so bewerten Anforderungen Ihrer App sorgfältig.)

Cytoscape.js eine Bibliothek fokussiert nur auf Graphentheorie (Netzwerke). Es hat einen eingebauten, performanten Renderer, es verfügt über Gesten und Ereignisse, es hat ein ausgeklügeltes Graphenmodell out of the box, usw. Da es mehr fokussiert ist, können Sie mit Cytoscape.js viel mehr mit Ihren Graphen mit weniger Code - aber von Natürlich können Sie es nicht für Dinge wie Balkendiagramme oder Punktdiagramme verwenden.

Wenn Sie ein einfaches Diagramm für eine Website wollen, ist D3 großartig. Wenn Sie eine App mit einer ernsthaften Grafikkomponente erstellen möchten, ohne das Rad neu erfinden zu müssen, ist Cytoscape.js großartig.

+0

Hält das alles noch bis März '16? Was hat sich in der Zwischenzeit verändert? –

+1

Cytoscape.js ist noch schneller geworden und hat mehr Funktionen als 2013. D3 ist immer noch DOM/SVG-only und generisch. SVG ist immer noch langsam für große Visualisierungen, und es wird fast sicher immer langsamer als die Rastergrafiken, die Cytoscape.js verwendet. D3 ist gut für Balkendiagramme oder Tortendiagramme - einfache, meist statische Dinge. – maxkfranz

+0

statische dinge? Hast du die D3 Beispielgalerie überprüft? –

Verwandte Themen