/js_family_tree

An interactive family tree visualization using d3-dag

Primary LanguageHTMLGNU General Public License v3.0GPL-3.0

js_family_tree

Interactive family tree visualization and -exploration with d3-dag.

Author: Benjamin W. Portner

License: GNU General Public License v3.0

Live example here. (Kudos to Pavel Puchkin from githack.com for prividing the chaching proxy!)

Features

The code is based on the collapsible d3 tree example by d3noob.

Features in the original:

  • uses d3-hierarchy
  • collapsible children nodes
  • nice transitions

New features:

  • uses d3-dag instead of d3-hierarchy (allows two parents per node)
  • introduces union nodes to connect parents and children via common way point
  • nodes are collapsible in all directions: children, parents, partners (nodes memorize their dependencies)
  • use d3-tip to show metadata on hover
  • use d3-zoom to enable zooming and panning