Family tree design suggestions?
-
27-09-2019 - |
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?
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
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