12 JavaScript graph layout libraries

Published by: Emil // Date 11.12.2013 // Views: 7176 // Add to Twitter :: Facebook

Image
Graph layout is in a direct relation with Data Sets, we have to display this information somehow to understand what connectivity exists in Data Sets as information.
For this job I found few wonderful code libraries which are able to generate network graphs in browsers using nodes and edges.

Here possible examples that I have in mind for graphs:

- company structure
- sitemap pages or navigaton menu items
- friends community network
- recipe ingredients
- clothes collection items
- any device with components
- calendar events
- alternative map routes
- income or taxes report
- comuters network
- image gallery

----------------------------------

Here starts the list :)

Arbor.js
http://arborjs.org/
https://github.com/samizdatco/arbor

Springy
http://getspringy.com/
https://github.com/dhotson/springy

D3.js
http://d3js.org/
https://github.com/mbostock/d3

Processing.js
http://processingjs.org/

VivaGraphJS Graph drawing library for JavaScript
https://github.com/anvaka/VivaGraphJS

Sigma.js
http://sigmajs.org/
https://github.com/jacomyal/sigma.js

JavaScript InfoVis Toolkit
http://philogb.github.io/jit/

Protovis
http://mbostock.github.com/protovis/

JSViz makes it easy to create dynamic 2D views of information.
http://code.google.com/p/jsviz/

JavaScript InfoVis Toolkit
http://philogb.github.com/jit/index.html

Cytoscape.js
http://cytoscape.github.io/cytoscape.js/
https://github.com/cytoscape/cytoscape.js

-------------------------------------

Related Examples from jsdo.it

Graph Layout
http://jsdo.it/termat/wNg5

Spring Algorithm(Graph)
http://jsdo.it/y3eadgbe/ixaj

-------------------------------------

Related Linux/Windows OS softwares:

Neo4j graph database.
http://www.neo4j.org/develop/visualize

Redis open source advanced key-value store
http://redis.io/download
https://github.com/antirez/redis

A distributed, fault-tolerant graph database
https://github.com/twitter/flockdb

CodeFlower
http://redotheweb.com/CodeFlower/
https://code.google.com/p/gource/

-------------------------------------

Other examples:

Facebook Friends community network analyse from Wolframalpha
http://www.wolframalpha.com/input/?i=facebook%20report

Where Is My Disk Space
http://wheresmydiskspace.com/

-------------------------------------

3D WebGL Molecule Viewer Examples that can be a start for other nodes/edge Graphs concepts

Molly.js: A WebGL Molecule Viewer
https://github.com/psb/molly.js
http://mollyjs.com/examples.html

Modernizing the Chemical Viewer
http://www.patrick-fuller.com/modernizing-the-chemical-viewer/
http://ec2-184-73-149-254.compute-1.amazonaws.com:9000/

Interactive, Browser-Based 3D Molecule Visualizations with GLmol and WebGL
http://metamolecular.com/blog/2013/01/10/interactive-browser-based-3d-molecule-visualizations-with-glmol-and-webgl/
http://metamolecular.com/examples/20130110/full-featured-demo.html

Related 3D Molecule Viewers
http://snazzyrobot.com/projects/wglmolview/index.html
http://web.chemdoodle.com/demos/molgrabber-3d

http://threejs.org/examples/css3d_molecules.html
http://alteredqualia.com/three/examples/css3d_molecules3.html
https://github.com/ianreah/Molecules3D
http://www.marjenmedia.com/lab/3/
http://alteredqualia.com/canvasmol/

http://racelwilliams.com/AR/three/mrdoob-three.js/examples/models/molecules/