Sigma.js is a modern JavaScript library for rendering and interacting with network graphs in the browser. It works in symbiosis with graphology, a multipurpose graph manipulation library.

- graphology handles graph data model & algorithms

- sigma.js handles graph rendering & interactions

Sigma.js renders graphs using WebGL. It allows drawing larger graphs faster than with Canvas or SVG based solutions.

## Quick start

I want sigma.js in my existing project:

```bash

npm install graphology sigma

```

I start from nothing: Try this CodeSandbox.

## Use cases

- **Display**: The most basic use case: you have a graph dataset, with colors, sizes and positions for each node. For instance, you exported a GEXF graph file from Gephi. You want to visualize it using on a web page.

- **Explore**: You want to add interaction, so that your users can dig into the graph. You want to add a search field, and allow users to see the neighborhood of a node when hovering it.

- **Interact**: You are developing a web application where users can create and manipulate graphs. You need users to be able to create nodes on click, and to drag and drop nodes.

- **Customize**: You need to personalize the way your graphs are rendered. You need to display some nodes with pictures in them, and others differently.

What graph algorithms are implemented in sigma.js? None in sigma.js, but graphology has a lot, from ForceAtlas2 layout to various metrics or even community detection.

Can I use sigma.js in my React application? Yes, the best way is certainly to use the @react-sigma.

Sigma.js is published by Sciences-Po médialab and OuestWare. It is developed under the MIT License.