Biblioteka wizualizacji grafów w JavaScript

Właśnie zebrałem to, czego możesz szukać: http://www.graphdracula.net

Jest to JavaScript z ukierunkowanym układem graficznym, SVG i można nawet przeciągać węzły wokół. Nadal wymaga pewnych poprawek, ale jest całkowicie użyteczny. Łatwo tworzysz węzły i krawędzie za pomocą kodu JavaScript:

var g = new Graph();
g.addEdge("strawberry", "cherry");
g.addEdge("cherry", "apple");
g.addEdge("id34", "cherry");

Użyłem wcześniej wspomnianej Biblioteki Raphael JS (przykład graffle) plus trochę kodu do algorytmu graficznego opartego na sile, który znalazłem w sieci (wszystko otwarte źródło, licencja MIT). Jeśli masz jakieś uwagi lub potrzebujesz pewnej funkcji, mogę ją wdrożyć, po prostu zapytaj!

Możesz też zajrzeć do innych projektów! Poniżej znajdują się dwa meta-porównania:

• SocialCompare ma obszerną listę bibliotek, a linia "node / edge graph" będzie filtrować dla wizualizacji Wykresów.

• DataVisualization.ch ocenił wiele bibliotek, w tym węzłowe / grafowe. Niestety nie ma bezpośredniego link więc będziesz musiał filtrować dla "graph":

Oto lista podobnych projektów (niektóre zostały już wymienione tutaj):

Czyste Biblioteki JavaScript

• Vis.js obsługuje wiele typów wykresów sieci/krawędzi, a także linii czasowych i wykresów 2D/3D. Auto-layout, auto-clustering, sprężysty silnik fizyki, przyjazny dla urządzeń mobilnych, nawigacja na klawiaturze, układ hierarchiczny, animacja itp. mit licencjonowany i opracowany przez holenderską firmę specjalizuje się w badaniach nad samoorganizującymi się sieciami.

• Cytoscape.js - interaktywna analiza i wizualizacja Wykresów z obsługą urządzeń mobilnych, zgodnie z konwencjami jQuery. Finansowany z dotacji NIH i opracowany przez @ maxkfranz (Zobacz jego odpowiedź poniżej) przy pomocy kilku uniwersytetów i innych organizacji.

• JavaScript InfoVis Toolkit - JIT, interaktywny, Wielofunkcyjny framework do rysowania i układania Wykresów. Zobacz też na przykład drzewo hiperboliczne . Zbudowany przez Twittera dataviz architect Nicolas Garcia Belmonte i kupiony przez Sencha w 2010 roku.

• D3.JS potężna wielozadaniowa biblioteka wizualizacji JS, następca Protovisa. Zobacz przykład wykresu skierowanego siłą oraz inne przykłady Wykresów w galerii .

• Biblioteka wizualizacji js Plotly ' ego używa D3.js z wiązaniami JS, Python, R i MATLAB. Zobacz też przykład nexworkx w Ipythonie tutaj, Przykład interakcji człowieka tutaj i js Embed API.

• Sigma.js lekka, ale potężna biblioteka do rysowania wykresów

• JsPlumb {[3] } jQuery plug - in do tworzenia interaktywnych połączonych Wykresów

• Sprężysty - algorytm układu grafu kierowanego siłą

• Przetwarzam.JS Javascript port Biblioteki Processing by John Resig

• Js Graph It - Drag ' n ' drop pola połączone liniami prostymi. Minimalny automatyczny układ linii.

• GRAFFLE Raphaeljsa - interaktywny Graf przykład ogólnej wielozadaniowej biblioteki rysunków wektorowych. RaphaelJS nie może automatycznie układać węzłów; do tego potrzebujesz innej biblioteki.

• JointJS Core - licencjonowana przez mpl biblioteka diagramowania open source Davida Durmana. Może być używany do tworzenia statycznych diagramy lub w pełni interaktywne narzędzia do tworzenia diagramów i kreatorów aplikacji. Działa w przeglądarkach obsługujących SVG. Algorytmy układu nie-zawarte w pakiecie głównym

• Mxgraph wcześniej komercyjna biblioteka diagramów HTML 5, Teraz dostępna pod Apache v2. 0. mxGraph jest biblioteką bazową używaną w draw.io.

Biblioteki komercyjne

• Gojs Interaktywne rysowanie i układ graficzny biblioteka

• YFiles for HTML Commercial graph drawing and layout library

• KeyLines Commercial js network visualization toolkit

• ZoomCharts komercyjna wielofunkcyjna biblioteka wizualizacji

Opuszczone biblioteki

• Cytoscape Web Embeddable js Network viewer (nie planowane nowe funkcje; zastąpiony przez Cytoscape.js)

• Canviz JS renderer dla Wykresów Grafviz. porzucony we wrześniu 2013.

• Arbor.JS wyrafinowane graficzne z ładną fizyką i eye-candy. Opuszczony w maju 2012. Istnieje kilka częściowo utrzymanych widełek.

• Jssvggraph "najprostszy możliwy algorytm układu graficznego ukierunkowanego na siłę zaimplementowany jako biblioteka Javascript wykorzystująca obiekty SVG". Opuszczony w 2012 roku.

• Jsdot Client side graph aplikacja do rysowania. porzucony w 2011 .

• Protovis Graficzny Zestaw Narzędzi do wizualizacji (JavaScript). Zastąpiony przez d3.

• Moo Wheel Interaktywna reprezentacja JS dla połączeń i relacji (2008)

• JSViz 2007-era graph visualization script

• Dagre układ graficzny dla JavaScript

Non-Javascript Biblioteki

• Graphviz wyrafinowany język wizualizacji grafów

  • Graphviz został skompilowany do Javascript przy użyciu Emscripten tutaj z online interaktywne demo tutaj

• Flare piękne i potężne rysowanie wykresów oparte na Flashu

• NodeBox Wizualizacja Wykresu Pythona