VivaGraphJS

Cytoscape JS[1] with canvas rendering. Probably won't be able to do a billion nodes, but the last time I compared graph rendering libraries it was the best one in terms of performance/customizability. If you need even more performance, there's VivaGraphJS[2], which uses webgl to render. If you want other resources, I also have a GitHub list of Graph-related libraries (visualizations etc.) on GitHub[3]. [1]: https://js.cytoscape.org/ [2]: https://github.com/anvaka/VivaGraphJS [3]: https://github.com/stars/AlexW00/lists/graph-stuff

This is a funny coincidence. I stumbled upon this library just yesterday from the Big-O cheatsheet[0] site, but didn't think to post it here. Has anyone here done a detailed comparison between ElGrapho and ngraph.pixel[1] or vivagraph[2]? I currently use ngraph for an interactive VDOM diffing demo[3] and it works great for large amounts of nodes, but I guess I should check this out in more detail now. [0] http://bigocheatsheet.com/ [1] https://github.com/anvaka/ngraph.pixel [2] https://github.com/anvaka/VivaGraphJS [3] https://github.com/atlassubbed/play-relax-visualized

VivaGraph might be what I've been looking for! Thanks! http://www.yasiv.com/amazon#/Search?q=graph%20drawing&catego... https://github.com/anvaka/VivaGraphJS Cryptoscape looks really awesome but i'm having trouble locating the source code of the demos like this one http://js.cytoscape.org/demos/images-breadthfirst-layout/ actually figured out how to open dev tools without a mouse and its simple too. How hard is it to teach either of these libs about Clojure data structures? (Without copying them into plain js objects) Cryptoscape - unclear how to use actual dom to style nodes, not just css classes (or if this is possible at all)

Better/faster Javascript interactive graph visualization engines: - https://github.com/anvaka/ngraph.pixel - https://github.com/anvaka/VivaGraphJS and for large graphs: - https://github.com/anvaka/pm with a pretty impressive example, displaying the whole internet (BGP adjacencies): http://as2914.net/

Some time ago I showed visualization of reddit in parts, using SVG. I add WebGL support to my library (https://github.com/anvaka/VivaGraphJS ) and wanted to visualize full graph of indexed reddit. A blog post describing how it works: http://blog.yasiv.com/2012/07/visualizing-communities-of-red... Would love to hear what you think...

I keep working on my hobby. This time I visualized Facebook. Every line is friendship, and every image is your friend. It might be slow for huge graphs (more than 2K), but hey it's open-source - please join me - https://github.com/anvaka/VivaGraphJS and help make it better :). Would love your feedback, hackers.

I was bored last weekend, decided to create a demo of my graph drawing library (https://github.com/anvaka/VivaGraphJS ) and visualize collection of sparse matrices of University of Florida. I added WebGL renderers to the library recently and wanted to test its performance. If your browser has disabled WebGL the site will fall back to SVG renderer, but it's much slower. It's best viewed in Chrome or Firefox. If you still unable to see visualization I made a video for you: http://www.youtube.com/watch?v=L5KrtGB8oA4 Would love to know what you think :)

Just enumerate the nodes: graph.forEachNode(function(node) { console.dir(node.position); }); By default nodes will not have any position assigned. Only after you run one step of layout algorithm ( https://github.com/anvaka/VivaGraphJS/blob/master/src/Layout... ) they get their positions.

I'm curious. What library was used to untangle the web of subreddits? It worked quite well? How do you untangle a web of random nodes & connections? EDIT: apparently https://github.com/anvaka/VivaGraphJS

it's in the comment below yours: https://github.com/anvaka/VivaGraphJS

It shows how subreddits relate to each other. The data is taken from subreddit description. And a link between two subreddits means one has a reference to another. The graph drawing library source code: https://github.com/anvaka/VivaGraphJS Would love to hear what you think...

No, I'm not using Raphaël - didn't want to add dependency. Though it's a great library indeed. I wrote my own very simple svg wrapper (https://github.com/anvaka/VivaGraphJS/blob/master/src/Svg/sv... ) to simplify syntaxis. In terms of performance - that's a spot on. Rendering turned out to be the most CPU intensive part of the library. The easiest way to improve it is to render less elements (e.g. render one path element for all node's links, instead of having one path per link). But it's harder do it than say :) LinkedIn has its own visualization: http://inmaps.linkedinlabs.com/ The main problem with social networks visualization is the giant component which usually exists in the network. It makes reading networks of 300 and more people quite challenging. Well, clustering/multi-scale algorithms help, but still it's very difficult problem