2012-08-31 18 views
5

Necesito mostrar el gráfico con aproximadamente 1000 nodos y bordes. Los nodos deben ser dragables y todo debe funcionar en tiempo real sin pantallas de espera.Javascript Juego de herramientas de visualización de gráficos con alto rendimiento (500-1000 nodos)

Por lo tanto, ya he comprobado una gran cantidad de marcos de visualización de gráficos js y todavía no puedo encontrar la solución.

Por ejemplo, he marcado "JavaScript InfoVis Toolkit" de la pregunta: What's the fastest, pure Javascript, Graph visualization toolkit? Se cuelga en 250 nodos.

Todos los frameworks funcionan bastante rápido pero solo con 100-200 nodos. Y en 500 nodos y bordes arrojan excepciones o cuelgan en absoluto.

Entonces, la pregunta es: ¿Hay un marco js que podría funcionar con 500-1k de nodos/bordes, o debería implementar algo solo con el uso de canvas/WebGL.

+0

¿Puede compartir una imagen de cómo le gustaría que fuera el gráfico? – MikaelEmtinger

+0

Me gusta aquí: http://thejit.org/static/v20/Jit/Examples/ForceDirected/example1.html Al mismo tiempo, el usuario debe ver no todos los 1000 nodos :) El usuario verá solo una parte de los nodos que caben en la pantalla . (Como una parte de la imagen ampliada) –

+1

Ok, eso no va a ser muy fácil de lograr, desafortunadamente, pero no imposible. Esperaba algo más rígido (como un diagrama o algo) que pudiera ensamblarse en un par de llamadas a WebGL. Es el efecto de la primavera lo que es preocupante. Para acelerar, necesitarías hacer la simulación de primavera en la GPU usando texturas de punto flotante ... Complicado;) – MikaelEmtinger

Respuesta

2

¿Has probado D3? http://d3js.org/

+2

¡Gracias, es una buena biblioteca! He intentado el ejemplo "forzado" con 1k de nodos pero sin enlaces y funciona un poco lento ... Creo que también debería probar el ejemplo sin cálculos de "fuerza", debería funcionar mucho más rápido. –

Cuestiones relacionadas