Javascript graph visualization library

Question

Possible Duplicate:
Graph visualization code in javascript?

I have to create a web-application to display graphs (Nodes connected by edges). I'd like to be able to control the color of edges as well as they labels (It would be better to have them displayed at mouse over).

I'd also like to attach some information to the nodes to show at mouse over.

Answer 1

Sounds like your looking for something like http://arborjs.org/ ?

Answer 2

d3 (data-driven documents) is a library for creating visualizations that has been gaining traction.

http://mbostock.github.com/d3/

It's a little like JQuery in that, rather than focusing on giving you ready-to-use charting "widgets", it makes it far easier to create any visualization. That said, it makes it easy to create various charts and visualizations and there are a number of examples, most with very little code.

Answer 3

I suggest gRaphael.

It's compatible with IE6, it's able to create stunning graphics with ease and support various hover effects.

Also Dracula has some nice features. Check this example, you can connect nodes, add labels and have hover effects.

Answer 4

If you are creating a new web application, and need to get it up and running really fast, I suggest looking at ADF DVT. It has a lot of visualizations. However, it abstracts JavaScript from you and you will need to learn the ADF Rich client framework.

EDIT and it does line graphs as well.

Answer 5

In a commercial scenario the yFiles for HTML library seems like a perfect match for that task.

There are over a hundred of nice online demos available (HTML5 capable browser required), that show what can be done using that library: yFiles for HTML Demos

^{Disclaimer: I work for the company that produces that library, but I do not represent my employer on SO.}

Answer 6

I always use flot - it can do all you are asking for. There are lots of examples with documented js - these are also available in the download.