John Topley
John Topley

Reputation: 115392

Recommendations for visualising a directed graph in a Web UI

I need to visualise a directed graph that represents the flow of data in a web application. Can anyone recommend any JavaScript or Flash solutions for this please. It must support hooking a node click event because I need to fire off an AJAX call when this happens. Can be free or commercial. The server-side technology is Java if this makes any difference.

The JProbe Call Graph is the sort of thing I have in mind:

JProbe Call Graph
(source: javaworld.com)

Thanks!

Upvotes: 5

Views: 7416

Answers (7)

z0r
z0r

Reputation: 8585

I'm using jsPlumb. From my initial tests, it looks more than capable of making this kind of graph. It's open source (MIT or GPL2), works with jQuery, MooTools and YUI, and can use SVG, canvas or VML for rendering.

Upvotes: 1

Frodo Baggins
Frodo Baggins

Reputation: 8543

Our mxGraph library is built for such things. You can see an example application at the draw.io site.

Upvotes: 2

C. Reed
C. Reed

Reputation: 2452

The d3 library is much more versatile than the libraries mentioned above (it's also a lower-level library).

Upvotes: 3

Mushegh A.
Mushegh A.

Reputation: 1431

Also give a try Google Visualisation API and especially Org Chart .

Upvotes: 4

peko
peko

Reputation: 507

Try this one:

http://flare.prefuse.org/

Flare is an ActionScript library for creating visualizations that run in the Adobe Flash Player. From basic charts and graphs to complex interactive graphics, the toolkit supports data management, visual encoding, animation, and interaction techniques. Even better, flare features a modular design that lets developers create customized visualization techniques without having to reinvent the wheel.

Upvotes: 4

Amarghosh
Amarghosh

Reputation: 59461

You can use birdeye RaVis on Flash. It's open source.

Upvotes: 2

Benjamin Wohlwend
Benjamin Wohlwend

Reputation: 31868

I like WireIt. It's written in JavaScript and is quite versatile. And open source (MIT License)

Upvotes: 6

Related Questions