aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

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.