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?

Was it helpful?

Solution

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

OTHER TIPS

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

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

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.

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

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top