Javascript Graphic Visualization Library

Question

Possible duplicate:
Graphic rendering code in javascript?

I need to create a web application to display graphs (Nodes connected by edges). I would like to be able to control the color of the edges, as well as the shortcuts (it would be better to display them with the mouse).

I would also like to attach some information to the nodes that will be displayed with the mouse.

Answer 1

It looks like you're looking for something like http://arborjs.org/ ?

Answer 2

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

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

This is a bit like jQuery, but instead of focusing on providing ready-made graphical widgets, it makes it much easier to create visualizations. However, this simplifies the creation of various diagrams and visualizations, and there are a number of examples, most of which have very little code.

Answer 3

I suggest gRaphael .

It is compatible with IE6, it is able to easily create stunning graphics and support various freezing effects.

Dracula also has some nice features. Check out this example , you can connect nodes, add tags and create freezing effects.

Answer 4

If you are creating a new web application and you need to get it up and running quickly, I suggest watching ADF DVT . It has a lot of visualizations. However, it abstracts JavaScript from you, and you need to learn the basic ADF client environment.

EDIT and it also makes line graphs .

Answer 5

I always use flot - it can do whatever you ask. There are many examples with documented js - they are also available in download .

Answer 6

In a commercial scenario, the yFiles library for HTML seems like the perfect combination for this task.

There are some good online demos (you need a browser that supports HTML5) that show what you can do with this library: Demo version of an interactive organizational chart