What is the fastest, cleanest Javascript graphics visualization tool?

Question

This question concerns sets of tools that draw graphs (those things consisting of vertices and edges), and not general graphs.

The tool should be able to get a set of vertices and edges, calculate their layout and display them either using the canvas tag or SVG, which will be compatible with HTML5.

Flash tools and java applets are missing.

to serve as a single reference, please measure and report how long it takes to build the toolbox, and draw a Barabashi-Alber graph with 100 vertices and 5 edges on a node.

This python lybrary shows how to generate and export it in many formats:

http://networkx.lanl.gov/tutorial/tutorial.html#graph-generators-and-graph-operations

Please indicate browser and processor.

Answer 1

The JavaScript InfoVis Toolkit is awesome and I have not seen its competitor.

Answer 2

Data driven docs (d3.js) http://mbostock.github.com/d3/ are pretty good in my experience as it scales well; can easily process 100 nodes (or more?) without any stops

Answer 3

We produce mxGraph , it is a fully client-based chart visualization library. We optimize just for this one domain, and not just for general drawing, so we have pretty high-speed advantages that cannot realize part-time projects in this area.

Answer 4

Canviz is a clean Javascript renderer of great graphviz . Graphviz is used on the server to create the layout, but instead of generating an image, it can be displayed using canviz on the client.

There is a demonstration .