Build graph-oriented visual editor on jquery

Question

We need to build the javascript-based visual editor (on jQuery) which should edit some graph-represented model. Entities should be represented as nodes and will have properties. Nodes (or/and their properties) should be linked to other nodes. Nodes should be draggable.

Are there any tutorials and jQuery plugins which can ease the development?

Thanks.

UPD: Probably draggable nodes can be implemented with the help of jQueryUI. The main problem is to implement links.

UPD2: Seems like jsgraphics solves the problem somehow. But it does in a very inventive way and has nothing related to jQuery.

Answer 1

Funny thing... we just implemented a jQuery Plugin that has the purpose to ease the implementation of graph editors. However, it is not officially published yet. (we use SVG by the way - we had to, was a semester project).

You can try it out here. (No IE support (SVG, as mentioned), and kind of beta). You can drag the nodes from the Shape box to the canvas. To draw connectors, click on the yellow helmet in the top menu and drag a connector between two nodes.

If this comes close to your requirements, feel free to have a look at the sources.

Answer 2

This page has a few links to different graph-libs including jquery-libs