dragndrop

A clean prototype of the html5 drag and drop API and css tree structure

Live Url to view it is here: http://tchalvak.github.io/dragndrop/drag.html

You can drag potential article publishing hubs from the initial hub area to the network, drop articles into a hub, trash a hub, etc. It uses a nice css-only tree structure to display the elements after they're dragged. Uses bootstrap.css, and subtle patterns (ok, some not too subtle) during the prototyping stage.

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Drag_and_drop has basic Drag_and_drop api instructions to go through.

Pure CSS Tree based on

elements

http://thecodeplayer.com/walkthrough/css3-family-tree

Tree Data Structure Libs

https://github.com/afiore/arboreal

https://github.com/mauriciosantos/Buckets-JS

https://github.com/aaronj1335/t-js

http://jnuno.com/tree-model-js/

Potential resources for arrow-connecting between arbitrary points

http://caniuse.com/#search=canvas

http://raphaeljs.com/

http://goo.gl/gguRSQ // Line between 2 points on SO