Crear cuenta / - Bitacoras.comAgregador → Enlace permanente ¬

71puntos votar

Sigma.js, dibuja gráficas usando canvas desde javascript

El uso de canvas de HTML5 está dando lugar a herramientas tan interesantes y sorprendente como Sigma.js, una librería que permite generar gráficas dinámicas directamente desde javascript. (Ver Imagen) Entre las características que hacen de Sigma.js una librería interesante están: La capacidad de encadenar métodos Gestión de eventos personalizados Posibilidad de añadir plugins, usar ficheros GEXF, algoritmos ForceAtlas2,... Api sencilla y accesible Pintado personalizado del mantenimiento del gráfico Insercción mediante frames Como usarlo Primero deberemos inicializar el objeto sigma con el contenedor DOM donde incluiremos nuestro gráfico. var sigInst = sigma.init(domElement); El objeto resultante, nos permitirá comenzar a trabajar con el gráfico: sigInst.addNode('hello',{ 'label': 'Hello' }).addNode('world',{ 'label': 'World!' }).addEdge('hello','world'); Los ejemplos pueden ayudar a ofrecer una idea más clara de las capacidades de la librería. Descargar. Artículos relacionados Bomomo, dibuja con Canvas Canvas...
tags
Continuar leyendo

Recomienda esta anotación por e-mail