(interactive) graph as in graph theory on a web page ?

tags:

views:

206

answers:

5

+4 Q:

(interactive) graph as in graph theory on a web page ?

Hi,

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

A:

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 2010-03-26 18:42:11

+1 A:

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

Mark 2010-03-26 18:47:19

+2 A:

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

Alex Reynolds 2010-03-26 18:47:43

that's really nice. :-). Do you know if you can represent many nodes (~2000) ?

LB 2010-03-26 18:51:29

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 2010-03-26 19:01:09

you're right, that's why i wanted to collapse part of the graph...

LB 2010-03-27 00:56:56

+2 A:

Two other options are:

Prefuse Flare which is in flash
JavaScript InfoVis Toolkit (JIT)

Binary Nerd 2010-03-27 00:03:33

thanks, i'm going to check the javascript toolkit. the demos look really impressive

LB 2010-03-27 00:55:55

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 2010-03-27 01:37:37

thejit is really what i was looking for, that's pretty easy, and rendering many nodes is not that slow.

LB 2010-03-29 22:47:15

+1 A:

There is an up to date blog post about this topic, explaining flash vs. canvas/js

Karussell 2010-03-27 22:59:35

ansaurus

tags:

views:

answers:

(interactive) graph as in graph theory on a web page ?

related questions