javascript - the - title html
Multigrafos con javascript (10)
En primer lugar mira this pregunta.
Ninguna de esas bibliotecas admite Multigraphs (o Pseudographs). Quiero decir que no puedo generar gráficos como este:
¿Hay algún complemento de jQuery (o biblioteca de javascript) para este propósito?
Pensé que podía usar la API de WolframAlpha y usar sus imágenes, algo como this :
pero tiene muchos problemas:
1- No puedo mover nodos o agregar bordes eliminar de forma interactiva.
2- Solo 2000 llamadas API al mes. No es suficiente.
3- No puedo producir gráficos grandes o intermedios.
4- ¡Es realmente feo!
Por favor, ayúdeme si conoce alguna biblioteca de javascript para dibujar Multigraphs, o de cualquier forma para producir tales gráficos. (algo así como Dracula Graph Library pero con la capacidad de dibujar multigrafos).
Por cierto, ya no quiero usar Adobe Flash en lugar de JavaScript (cualquier otra solución es aceptable para mí)
Gracias por adelantado.
Algunas de esas bibliotecas de visualización de gráficos (mencionadas en this pregunta) son compatibles con Multigraphs y permiten arrastrar / colocar nodos
jsplumb: http://jsplumb.org/jquery/stateMachineDemo.html
posiblemente http://js-graph-it.sourceforge.net/ puede soportar multigraphs.
pero en cuanto a tu problema
4- ¡Es realmente feo!
Estos pueden no apelar a su estética.
Creo que paper.js ( http://paperjs.org ) también te acercará bastante.
Cytoscape.JS admite multigraphs, es Javascript puro y usa el nuevo HTML 5 Canvas para el rendimiento. Su intención de diseño es la visualización / manipulación de gráficos de propósito general.
En un escenario comercial, eche un vistazo a yFiles para HTML :
Fácilmente soporta gráficos múltiples y no se ve muy feo, creo:
(Estos gráficos se han diseñado automáticamente, también es posible la colocación manual).
Por supuesto, esto es una cuestión de gusto, por lo que si no te gusta el aspecto, puedes cambiar cualquier aspecto de la visualización, como en el tutorial de estilo .
La API ofrece capacidades de edición interactivas completas y es una solución puramente del lado del cliente, por supuesto, no hay límite de conteo de llamadas API .
Los gráficos grandes siguen siendo un problema con los motores de Javascript de hoy, pero solo si "grande" significa más que miles de elementos. Con la virtualización (considerando solo lo que se ve actualmente en la ventana gráfica durante la representación), puede obtener un buen rendimiento con miles de elementos.
Descargo de responsabilidad : trabajo para la compañía que crea la biblioteca, en SO / SE, sin embargo no represento a mi empleador. Mis publicaciones y comentarios son míos.
Es posible que desee revisar esto: www.d3js.org
Tendrías que hacer mucho tú mismo (crea tu propio SVG y eso), pero la biblioteca es muy poderosa.
Lo mejor sería hacerlas en el servidor (o usarlas como un applet) con JGraphT .
Me temo que tendrás que hacer algo de desarrollo tú mismo. Raphael.js es bastante capaz de crear y manipular svg; sería un buen punto de partida
Puede consultar jsnetworkx ( http://jsnetworkx.org/ )
Es una versión js de la biblioteca de gráficos de Python que admite múltiples gráficos. Tiene una función de draw que visualiza el gráfico utilizando D3.js. Está disponible tanto para el navegador como para node.js.
Recientemente utilicé Graphviz para dibujar las conexiones entre algunas publicaciones de autores. Graphviz es un programa de visualización gráfica de fuente abierta. Los programas de diseño de Graphviz toman descripciones de gráficos en un lenguaje de texto simple, y hacen diagramas en formatos útiles, como imágenes y SVG para páginas web, PDF o Postscript para incluirlos en otros documentos; o mostrar en un navegador gráfico interactivo.
Por ejemplo, utilicé un archivo DOT simple para escribir toda la conexión entre los autores y produje un archivo PNG.
Aquí hay toda la documentación que necesita y en la sección de la galería puede ver muchos ejemplos de resultados.
Con la esperanza de que podría ser útil.
Si tiene permiso para utilizar la Google Charts API , puede consultar este
http://code.google.com/apis/chart/image/docs/gallery/graphviz.html
Ejemplo: