An Interactive Tree Diagram

The examples presented thus far have all been static in the sense that they present information on a web page, but that’s where they stop. One of the strengths of web content is the ability to involve the reader to a greater extent. Therefore, the following tree diagram example includes an interactive element where the user can click on any parent node, and it will collapse on itself to make more room for others or to simplify a view. Additionally, any collapsed parent node can be clicked on, and it will re-grow to its previous condition.

What an interactive diagram looks like

For a brief visual description of the action, the diagram will initially display a partially collapsed tree: