Skip to content

An interactive family tree visualization using d3-dag

License

Notifications You must be signed in to change notification settings

oux/js_family_tree

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

About

An interactive family tree visualization using d3-dag

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • HTML 89.5%
  • JavaScript 10.5%