Family tree design suggestions?

Question

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?

Answer 1

Use the Google Visualization API, it's well documented: http://code.google.com/apis/visualization/documentation/gallery/orgchart.html#Example

Answer 2

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

Answer 3

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

Answer 4

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.

Answer 5

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