Biblioteca de visualización de gráficos en JavaScript

Acabo de reunir lo que puede estar buscando: http://www.graphdracula.net

Es JavaScript con layouting gráfico dirigido, SVG e incluso se puede arrastrar los nodos alrededor. Todavía necesita algunos ajustes, pero es totalmente utilizable. Puede crear nodos y bordes fácilmente con código JavaScript como este:

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

Usé la biblioteca Raphael JS mencionada anteriormente (el ejemplo de graffle) más algo de código para un algoritmo de diseño de gráficos basado en fuerza que encontré en la red (todo abierto fuente, licencia MIT). Si tiene algún comentario o necesita una cierta característica, puedo implementarla, ¡solo pregunte!

Es posible que desee echar un vistazo a otros proyectos, también! A continuación se presentan dos meta-comparaciones:

• SocialCompare tiene una extensa lista de bibliotecas, y la línea "Node / edge graph" filtrará las de visualización de gráficos.

• DataVisualization.ch ha evaluado muchas bibliotecas, incluyendo las de nodo / gráfico. Desafortunadamente no hay directo enlace por lo que tendrá que filtrar por "gráfico":

Aquí hay una lista de proyectos similares (algunos ya se han mencionado aquí):

Bibliotecas JavaScript puras

• Vis.js admite muchos tipos de gráficos de red/borde, además de líneas de tiempo y gráficos 2D/3D. Auto-layout, auto-clustering, motor de física elástica, mobile-friendly, navegación por teclado, diseño jerárquico, animación, etc. MIT licensed and developed by a Dutch firm especializada en investigación sobre redes autoorganizadas.

• Cytoscape.js - análisis y visualización de gráficos interactivos con soporte móvil, siguiendo las convenciones de jQuery. Financiado a través de becas de los NIH y desarrollado por by @maxkfranz (ver su respuesta a continuación ) con la ayuda de varias universidades y otras organizaciones.

• El kit de herramientas de InfoVis de JavaScript - Jit, un marco de diseño y dibujo gráfico interactivo y multipropósito. Ver por ejemplo, el Árbol Hiperbólico . Construido por Twitter dataviz architect Nicolas Garcia Belmonte y comprado por Sencha en 2010.

• D3.js Potente biblioteca de visualización JS multipropósito, la sucesora de Protovis. Vea el ejemplo de grafo dirigido por fuerza, y otros ejemplos de grafo en la galería .

• La biblioteca de visualización JS de Plotly utiliza D3.js con enlaces JS, Python, R y MATLAB. Véase a ejemplo de nexworkx en IPython aquí, ejemplo de interacción humana aquí, y JS Embed API.

• Sigma.js Biblioteca ligera pero potente para dibujar gráficos

• JsPlumb jQuery plug-in para crear gráficos interactivos conectados

• Springy -un algoritmo de diseño gráfico dirigido por la fuerza

• Procesando.js Puerto Javascript de la biblioteca de procesamiento por John Resig

• JS Graph It - cajas de arrastrar y soltar conectadas por líneas rectas. Diseño automático mínimo de las líneas.

• Raphaeljs's Graffle - gráfico interactivo ejemplo de una biblioteca de dibujos vectoriales genéricos multiusos. RaphaelJS no puede diseñar nodos automáticamente; necesitarás otra biblioteca para eso.

• JointJS Core - Biblioteca de diagramación de código abierto con licencia MPL de David Durman. Se puede utilizar para crear estática diagramas o herramientas de diagramación totalmente interactivas y creadores de aplicaciones. Funciona en navegadores que soportan SVG. Algoritmos de diseño no incluidos en el paquete principal

• MxGraph Biblioteca de diagramación HTML 5 previamente comercial, ahora disponible bajo Apache v2.0. mxGraph es la biblioteca base utilizada en draw.io.

Bibliotecas comerciales

• GoJS Dibujo gráfico interactivo y diseño biblioteca

• YFiles for HTML Biblioteca de diseño y dibujo de gráficos comerciales

• KeyLines Commercial JS network visualization toolkit

• ZoomCharts Biblioteca comercial de visualización multiusos

Bibliotecas abandonadas

• Cytoscape Web Visor de red JS integrable (no hay nuevas características planeadas; sucedido por Cytoscape.js)

• Canviz JS renderer para gráficos Graphviz. Abandonado en septiembre de 2013.

• Arbor.js Gráficos sofisticados con buena física y dulces ojos. Abandonado en mayo de 2012. Existen varias bifurcaciones semi-mantenidas .

• Jssvggraph "El algoritmo de diseño de grafos dirigido por fuerza más simple posible implementado como una biblioteca Javascript que usa objetos SVG". Abandonado en 2012.

• Jsdot Gráfico del lado del cliente aplicación de dibujo. Abandonado en 2011 .

• Protovis Kit de herramientas gráficas para Visualización (JavaScript). Sustituido por d3.

• Moo Wheel Representación JS interactiva para conexiones y relaciones (2008)

• JSViz 2007-era graph visualization script

• Dagre diseño Gráfico para JavaScript

No Javascript Bibliotecas

• Graphviz Sofisticado lenguaje de visualización de gráficos

  • Graphviz ha sido compilado a Javascript usando Emscripten aquí con una demostración interactiva en línea aquí

• Flare Hermoso y poderoso dibujo gráfico basado en Flash

• NodeBox Python Graph Visualization