Family Tree Applet

How it works

Family Tree Applet shows the immediate family of the person at the centre, ie father, mother, grandparents, aunts/uncles, siblings (including half-siblings), cousins, children and nephews/nieces. Clicking on any person moves them to the centre. Partner/spouse is also included to allow linking to their family.

Using it

Follow the example to create familytreedata.txt. There is one line per person consisting of an id, name and optionally id's of father, mother and partner separated by commas. Father and Mother must both be given if at all and the id's must come in order.

Following family members, a line of text and image can be added for any family member by giving the id, the text and the name of the image file in the images directory

The three class files and familytreedata.txt need to be in the same directory as the html file; any images are in a directory called images.

Download

Source

familytreedata.txt

Zip of all classes and example