What is a good example of a user interface (web interface) for a graph structure (in the CS sense of a graph, nodes, edges)?

Question

As, say, I had a tree structure, then I would naturally use a tree control, since this graphical interface element perfectly displays the structure.

But I have a schedule that is potentially too wide to fit into one web page. I can not come up with examples of graphical interfaces that really match the structure. Some ideas that I have that do not quite fit are the web page itself, with hyperlinks, a browser back button and a forward button. But it only shows you one node at a time. I would like to display as many nodes as I can, and allow navigation to a new area of ​​the graph. Something like Google maps can be a good model, since you have complete freedom to scroll in any direction.

Answer 1

Facebook , , . , , , . SVG, .

, - <canvas> . , , <canvas>

- , .

Answer 2

, , , - Flash Java, , , , , .

googlage this. Java-, , , , , .:) AJAX, ?

, jQuery.

Answer 3

, , : Visuwords. , .

Answer 4

, , , , strcuture.

, yWorks.

, , yEd, , . ajax flex, , google, : http://live.yworks.com/yfiles-ajax/Examples/Graph_Viewer.html) , , yEd.

Answer 5

You can try prefuse . This is an open source interactive data visualization toolkit. It has a very nice collection of layouts that can be used to display node graphs along with other visualization effects. The toolkit comes in two different versions: one in Java and the other in ActionScript, which can be used in Flash / Flex.

Answer 6

GraphViz is the best I've seen. Works on the desktop and on the Internet, with many examples here .