CODEWITHSUNDEEP
jqueryfamily-tree
Erik
Erik

Reputation: 5791

Family tree design suggestions?

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?

Upvotes: 13

Views: 19518

Answers (5)

Rickard
Rickard

Reputation: 436

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

Upvotes: 0

irfanmcsd
irfanmcsd

Reputation: 6571

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

Upvotes: 3

Muad'Dib
Muad'Dib

Reputation: 29246

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

Upvotes: 1

Drew Wills
Drew Wills

Reputation: 8446

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.

Upvotes: 0

Jon McIntosh
Jon McIntosh

Reputation:

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

Upvotes: 14

Related Questions