title: Visualisation of Tree Hierarchy in HTML
body: <p>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).</p>
  
  <p>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. </p>
  
  <p>Typical rules:</p>
  
  <ul>
  <li>mandatory: select only one of one sub-product</li>
  <li>optional: select 0 or more of several subproducts</li>
  <li>mutual exclusive: select only one of several subproducts</li>
  </ul>
  
  <p>I hope you get the idea.</p>
  
  <p>I am looking for any inspiration in this area. Any suggestions, examples, tips are welcome </p>