HTML 5 Canvas Scene Graph Recomendations

Question

Let me tell you my requirements and see if anyone has some recommendations...

1. Cross browser (as much as realistically possible)
2. Be able to drag labeled objects around the screen (boxes and circles with labels in them)
3. Attach objects to each other by drawing lines (arrows) between them
4. Be able to "pick" any object on the screen (including those lines from #3)

I am not looking for a tool that just gives me all of that, I can program the logistics on top of it. But is seems to me I have basically described a scene graph. I know of cakejs - but was wondering of any other solutions out there.

Any help is greatly appreciated.

Answer 1

UmlCanvas might do what you need. It has a data definition language to describe graphs and relationships as well as a canvas to render those entities. Unfortunately it looks like something open-sourced by a startup before they decided to pursue other interests.

http://umlcanvas.org

http://blog.thesoftwarefactory.be