Does any one knows about Family Tree using AJAX?

Question

Does any one know about any script that will work like http://www.genoom.com family tree?

Or can you guys give me any ideas about the database table structure they used to make the tree like this?

And how are they displaying family member boxes and lines?

Please let me know ASAP.

[EDITED]

I have tried table structure like this:

-----------------------------------------------
TREE
-----------------------------------------------
ID | PARENTID | PARENT_RELATION | NAME
-----------------------------------------------
1  | 0        |                 | My Father 
2  | 1        | Father          | It is me

*tree(id int auto increment, parentid int, parent_relation varchar, name varchar)*

In first record it shows tree will starts with 'My Father' and then traverse and will display 'It is me'. And whole thing I tried in PHP by using a recursive function. But I stuck when I am trying to display connecting lines between nodes.

Don't mean to be pedantic, but you don't "make" anything like this "in AJAX". The term AJAX describes a group of methods, not a language or environment. I guess what you're after is Javascript, but you're question is likely still too vague to receive good answers. You'll have to give us some more information… — polarblau, Jul 13 '11 at 17:54
I have tried table structure like this tree(id int auto increment, parentid int, parent_relation varchar, name varchar) example: Record1:- 1, 0, '', 'My Father' Record2:- 2, 1, 'father', 'Its me' In first record it shows tree will starts with 'My Father' and then traverse and will display 'Its me'. And whole thing I tried in PHP by using a recursive function. But I stuck when I am trying to display connecting lines between nodes. — Deb, Jul 14 '11 at 03:36
Is your problem with the database or with displaying the data? Be more specific. — Tom, Nov 06 '11 at 09:28

peter · Answer 1 · 2012-09-23T10:03:46.633

2

you'd best reform your question to "is there a javascript framework for generating genealogy diagrams and datamapping", i'm on the lookout myself but didn't find anything good yet unless you use a general graphing framework like raphael but then you'r on your own with the modelling and datamapping etc.

EDIT: i have found this fiddle that looks very promising, it shows a way to connect two nodes with a simple model. http://jsfiddle.net/mking/2UJcZ/4/

I found also this similar solution using Go.js

http://gojs.net/latest/intro/usingModels.html

edited Sep 23 '12 at 10:03

answered Apr 15 '12 at 13:36

peter

41,770
5
64
108

For that matter, GoJS has a simple family tree sample to start from: http://gojs.net/latest/samples/familyTree.html – Simon Sarris Oct 04 '12 at 20:40

score 1 · Answer 2 · answered Apr 15 '12 at 15:39

I don't know of any open-source or paid scripts that use Ajax. There are a few that use JavaScript that might give you some ideas.

The one framework I know of that is freely available and is quite comprehensive is Family.Show, which might give you some good ideas as to how to set everything up. However, it uses Windows Presentation Foundation and Silverlight. Several different genealogy programs have sprouted from the Family.Show framework.

Does any one knows about Family Tree using AJAX?

2 Answers2