Family tree design suggestions?

13
votes

I would like to design a family tree on my website. How can this be done with jQuery or Ajax? Any animated examples out there?

5
jqueryfamily-tree
Let this be a call to action. JQFamTree! Let thee be! – karim79
if you are interested in genealogy, be aware there is move to start up a genealogy SE Q&A. Help it reach beta: area51.stackexchange.com/proposals/43502/… – Duncan

5 Answers

3
votes

The following link will be helpful to share here as i applied every logic mentioned here but none works. at last i found this solution. It helped me build professional family tree via jquery and php

jTree Family Tree Script

1
votes

Check www.geni.com. They use Flash, not JavaScript, but it's nice, animated and so on.

0
votes

A quick look at the jQuery plugin site turned up Arrows & Boxes. It looks like it does what you need. If this one doesn't work out, there are probably a dozen others to try.

0
votes

Have a look at my sample created using d3.js, mobile responsive.

  • Mouse scroll to zoom, draggable, with interactive tooltip
  • The 'Find' button to search any family member
  • 'Reset' button to reset zoom & position

Able to display difficult relationships such as multiple marriages and marriages between family members. Created using d3.js