DOGWOOD

10 June 2014

DOGWOOD is a dependency-free (not even jQuery!) SVG-based tree UI. In this demo, the navigation menu at the top is a DOGWOOD.MenuTree. Nodes with children have blue circles. Click on the blue circle or text of a non-link node to toggle its childrens' visibility.

Below is an example of a TODOListTree, a subclass of an EditableTree, which can be populated and edited by the user. Click on the text of a node to edit it and show the dialog for deleting the node; click the plus circles beneath the nodes to add new ones.