12 JavaScript graph layout libraries
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/