Repository files navigation

Explore and edit your family history seamlessly with this JavaScript-based software, offering an intuitive interface to visualize, browse, and effortlessly update the structure and details of your family tree, including names, birthdays, and more.

This is a re-implementation ofjs_family_tree, with the following improvements:

• Simplified overall code structure
• No need to defineown_unions orparent_unions or anyunion at all :-)
• More robust DAG recreation when opening/closing nodes
• Introduction of the notion of relationships
• Possibility to open parts of the DAG in both directions (parents and children)
• Possibility to collapse parts by clicking onto a family node
• Transfer node-attached data during recreation in order to easily keep track of properties
• Provide simple editor functionality when clicking on the+ symbol

Based onjs_family_tree

• Author: Benjamin W. Portner
• License: GNU General Public License v3.0
• Project:js_family_tree
• Initially based on thecollapsible d3 tree example by d3noob

Modified package:familienbaum

• Author: Nicolodemus
• Re-implementation ofjs_family_tree
• License: GNU General Public License v3.0

Following components are used:

d3

The fileindex.html provides an example.

The fileinput.js provides the input data with following properties:

Simple example:

let_input={"start":"U500","members":{"I500":{"name":"Mamidolin Nichtzwiebel","birth_date":"16.08.1987","death_date":"","image_path":"images/Mamidolin Nichtzwiebel 1987.jpg"},"I501":{"name":"Donklopopi Frosch","birth_date":"11.10.1982","death_date":"","image_path":"images/Donklopopi Frosch 1982.jpg"},"I502":{"name":"Fridolin Frosch","birth_date":"13.05.2010","death_date":"","image_path":"images/Fridolin Frosch 2010.jpg"},"I503":{"name":"Frieda Frosch","birth_date":"12.12.2012","death_date":"","image_path":"images/Frieda Frosch 2012.jpg"}},"links":[["I500","U500"],["I501","U500"],["U500","I502"],["U500","I503"]]};