Contenido

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

14 jun

+ 3

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.

sigma
(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.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.