9

Possible Duplicate:
Graph visualization code in javascript?

I have to integrate a graph with nodes and edges on a web page. Ideally, i would like to be able to interact with it (like moving the nodes around).

Actually, i'm beginning by representing trees, so i would appreciate to be able to collapse subtrees.

How can I do that ? I was considering google-visualization api but i wasn't able to find the kind of visualization i'm looking for (org chart doesn't allow to have multiple fathers, if i understood well)

I've got no idea of the kind of technology so my tagging may not be really accurate :-).

thanks

Community
  • 1
  • 1
LB40
  • 12,041
  • 17
  • 72
  • 107

4 Answers4

5

Two other options are:

Binary Nerd
  • 13,872
  • 4
  • 42
  • 44
  • 1
    I personally think JIT looks like a great library. Whilst i'm not if sure you can drag nodes, the layouts and animated transitions look great. I also like the fact that you can load data on demand. Hope it helps. – Binary Nerd Mar 27 '10 at 01:37
  • thejit is really what i was looking for, that's pretty easy, and rendering many nodes is not that slow. – LB40 Mar 29 '10 at 22:47
3

RaphaelJS may be of interest to you. Particularly this example.

Alex Reynolds
  • 95,983
  • 54
  • 240
  • 345
  • that's really nice. :-). Do you know if you can represent many nodes (~2000) ? – LB40 Mar 26 '10 at 18:51
  • No idea. But you might think about whether you can fit 2000 nodes into a display window. Maybe it makes more sense to hide, rescale or otherwise only show nodes of interest, on demand. – Alex Reynolds Mar 26 '10 at 19:01
  • you're right, that's why i wanted to collapse part of the graph... – LB40 Mar 27 '10 at 00:56
1

http://processingjs.org/ might have what you're looking for.

Mark
  • 9,966
  • 7
  • 37
  • 39
0

I'd go for SVG (all 'newer' browsers implement it more or less; older via plugins: e.g. IE6).

If you want to make it interactive javascript manipulation should be doable.

ChristopheD
  • 112,638
  • 29
  • 165
  • 179