Am si eu o structură de date care reprezintă un graf orientat, și vreau să facă asta în mod dinamic într-o pagină HTML. Aceste grafice vor fi, de obicei, doar câteva noduri, poate zece la capătul de sus, deci parerea mea este ca performanta e't va fi o mare afacere. În mod ideal, am'd place să fie în măsură să cârlig cu jQuery, astfel încât utilizatorii pot optimiza layout manual prin glisarea în jurul valorii de noduri.
Notă: am'm nu caut o bibliotecă diagrame.
Am'am pus doar ce ai putea fi în căutarea pentru: http://www.graphdracula.net L's JavaScript cu graf orientat layouting, SVG și puteți chiar să trageți în jurul valorii de noduri. Are încă nevoie de unele ajustări, dar este complet utilizabil. Puteți crea noduri și margini ușor cu cod JavaScript de genul asta:
var g = new Graph();
g.addEdge("strawberry", "cherry");
g.addEdge("cherry", "apple");
g.addEdge("id34", "cherry");
Poate doriți să aveți o privire la alte proiecte, de asemenea! Mai jos sunt două meta-comparații:
Disclaimer: am'm un dezvoltator de Cytoscape.js
Cytoscape.js este un HTML5 grafic de vizualizare bibliotecă. API-ul este sofisticat și urmează jQuery convenții, inclusiv
cy.elemente("nod[greutate >= 50].someClass")
nu mult ca v-ați aștepta),cy.nodurile().deselectați().trigger("mycustomevent")
),Daca're de gândire despre construirea unei grave webapp cu grafice, tu ar trebui să ia în considerare cel puțin Cytoscape.js. L's gratuit și open-source:
JsVIS a fost destul de frumos, dar lent, cu mare grafice, și a fost abandonat din 2007.
prefuse este un set de instrumente software pentru crearea de bogat vizualizări interactive de date în Java. flare este un ActionScript bibliotecă pentru crearea de vizualizări pe care rula în Adobe Flash Player, abandonat din 2012.
Într-un scenariu alternativ, un serios concurent pentru sigur este yFiles pentru HTML:
Acesta oferă:
Aici este un exemplu de randare care afișează cele mai solicitate caracteristici:
Dezvăluirea completă: lucrez pentru yWorks, dar pe Stackoverflow nu reprezintă angajatorul meu.
Ca guruz menționat, JIT are mai multe minunat grafic/pom aspecte, inclusiv destul de atrăgătoare RGraph și HyperTree vizualizări.
De asemenea, am'am pus doar un super-simplu pe bază de SVG implementarea la github (nu există dependențe, ~125 LOC) care ar trebui să funcționeze destul de bine pentru mic grafice afișate în browserele moderne.