Visualisation of Tree Hierachy in HTML
I am looking of inspiration for doing interaction design on a hierachy/tree structure. (products with a number of subproducts, rules that apply for selecting subproducts).

I want to have a tree where there is a visible connection between sub-nodes and their parent node. And i also want to visualize which rules that apply for selecting them. 

Typical rules:

 * mandatory: select only one of one sub-product
 * optional: select 0 or more of several subproducts
 * mutual exclusive: select only one of several subproducts

I hope you get the idea.

I am looking for any inspiration in this area. Any suggestions, examples, tips are welcome 






Visualisation of Tree Hierachy in HTML
===

I am looking of inspiration for doing interaction design on a hierachy/tree structure. (products with a number of subproducts, rules that apply for selecting subproducts).

I want to have a tree where there is a visible connection between sub-nodes and their parent node. And i also want to visualize which rules that apply for selecting them. 

Typical rules:

 * mandatory: select only one of one sub-product
 * optional: select 0 or more of several subproducts
 * mutual exclusive: select only one of several subproducts

I hope you get the idea.

I am looking for any inspiration in this area. Any suggestions, examples, tips are welcome 





