Question

I want to draw a dynamic graph with standard HTML/Javascript/JQuery (not HTML5).

The nodes are divs with certain contents, and between them I need lines. At least horizontal and vertical. It’s possible to add and remove nodes dynamically.

It would be nice if the divs are draggable too, but is not necessary.

Can this be done with standard HTML, maybe with help of some JQuery library?

I only find negative answers on this, like:
http://www.coderanch.com/t/518805/open-source/do-generate-dynamic-graph-html

Thanks in advance.

P.D. Seems to be a typic use case for Flash. I can’t use HTML5 because it has to run everywhere. And I don’t see a reason to use something like SVG instead of Flash.

Answer 1

This would probably be easy to make with JointJS. It uses Raphael for handling the graphics, which is based on SVG but also support VML for IE. JointJS claims to support the following browsers: Firefox 3.0+, Safari 3.0+, Opera 9.5+, Google Chrome 4+ and Internet Explorer 6.0+.