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.
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.
3 comentarios, 0 referencias
+
#