d3js Tree square

You could accomplish this using either the cluster or tree layouts. And using a custom path generator to draw orthogonal lines connecting nodes, as in this elbow dendrogram. I guess I was feeling inspired so I gave it a shot: http://bl.ocks.org/2966094

How to create a collapsing tree table in html/css/js?

SlickGrid has this functionality, see the tree demo. If you want to build your own, here is an example (jsFiddle demo): Build your table with a data-depth attribute to indicate the depth of the item in the tree (the levelX CSS classes are just for styling indentation):  <table id=”mytable”> <tr data-depth=”0″ class=”collapse level0″> <td><span class=”toggle … Read more

Family Tree Algorithm

Update: This is not the best solution I have come up with, but I’ve left it because there are so many comments relating to it. You have a set of events (birth/death), parental state (no descendants, parent, grandparent, etc) and life state (alive, dead). I would store my data in structures with the following fields: … Read more