Sigma is a JavaScript library dedicated to graph drawing. It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications.

sigmajs

v1.2.0

Features

DEDICATED TO GRAPH DRAWING.

Sigma provides a lot of built-in features, such as Canvas and WebGL renderers or mouse and touch support, to make networks manipulation on Web pages smooth and fast for the user.

PLUG AND PLAY!

The default configuration of sigma deals with mouse and touch support, refreshing and rescaling when the container’s size changes, rendering on WebGL if the browser supports it and Canvas else, recentering the graph and adapting the nodes and edges sizes to the screen…

CUSTOM RENDERING

Sigma provides a lot of different settings to make it easy to customize how to draw and interact with networks. And you can also directly add your own functions to your scripts to render nodes and edges the exact way you want.

HIGHLY EXTENSIBLE

Use case

FROM BEGINNERS TO ADVANCED USERS.

Sigma aims to help you display networks on the Web, from simple interactive publications of networks to rich Web applications featuring dynamic network exploration.

DISPLAY A NETWORK

You can just instanciate sigma by giving it the data and the DOM container, and it works. And for JSON or GEXF encoded graphs, the related plugin will deal with loading and parsing the file.

ADD SOME BASIC INTERACTION

Update the data and refresh the drawing when you want. Bind custom functions to sigma’s events to adapt the interactions to the needs of your application.

DEVELOP AND USE PLUGINS

For more complex use cases, it is possible to develop and use plugins that add features to sigma. Some are already available on the repository, for animating the graph or apply a force-directed layout to your graph.

More info: http://sigmajs.org/