Archive for the ‘Sigma.js’ Category

Sigma.js Version 1.0 Released!

Friday, January 31st, 2014

Sigma.js Version 1.0 Released!

From the homepage:

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.

Appreciated the inclusion of Victor Hugo’s Les Misérables example that comes with Gephi.

Something familiar always makes learning easier.

I first saw this in a tweet by Bryan Connor.

Storing and visualizing LinkedIn with Neo4j and sigma.js

Sunday, June 16th, 2013

Storing and visualizing LinkedIn with Neo4j and sigma.js by Bob Briody.

From the post:

In this post I am going to present a way to:

  • load a linkedin networkvia the linkedIn developer AP into neo4j using python
  • serve the network from neo4j using node.js, express.js, and cypher
  • display the network in the browser using sigma.js

Bob remarks that his method for deduping relationships would not scale to very large networks.

Pointers to how LinkedIn deals with that problem?

I first saw this in a tweet by Peter Neubauer.


Wednesday, December 26th, 2012

sigma.js – Web network visualization made easy by Alexis Jacomy.

From the webpage:

sigma.js is an open-source lightweight JavaScript library to draw graphs, using the HTML canvas element. It has been especially designed to:

  • Display interactively static graphs exported from a graph visualization software – like Gephi
  • Display dynamically graphs that are generated on the fly

From October of 2012:

osdc2012-sigmajs-demo – French OSDC 2012 (demo)

osdc2012-sigmajs-presentation – French OSDC 2012 (Landslide presentation)

See also: Using Sigma.js with Neo4j.

A tweet from Andreas Müller reminded me to create a separate post on sigma.js.

Using Sigma.js with Neo4j

Friday, April 20th, 2012

Using Sigma.js with Neo4j by Max De Marzi.

From the post:

I’ve done a few posts recently using D3.js and now I want to show you how to use two other great Javascript libraries to visualize your graphs. We’ll start with Sigma.js and soon I’ll do another post with Three.js.

We’re going to create our graph and group our nodes into five clusters. You’ll notice later on that we’re going to give our clustered nodes colors using rgb values so we’ll be able to see them move around until they find their right place in our layout. We’ll be using two Sigma.js plugins, the GEFX (Graph Exchange XML Format) parser and the ForceAtlas2 layout.

Do notice the coloration that Max uses in his examples.

Graphs don’t have a “correct” visualization.

They can have visualizations that lead to or represent insights into data.