-1

I am trying to design a family tree for my project. So, i would like to know the best possible way to display the tree structure of the family members in a tree.

Bikash Budhathoki
  • 203
  • 2
  • 15
Srijan Karki
  • 1,576
  • 2
  • 14
  • 21

4 Answers4

1

Checkout this link:

Looking for a Family Tree

It was the first link on Google! One of the answers references this link which has an example of a family tree:

http://gojs.net/latest/samples/orgChartEditor.html

If that's not what you're looking for, I'm sure you can find a lot of examples on Google.

Community
  • 1
  • 1
James111
  • 15,378
  • 15
  • 78
  • 121
1

For family tree, don't use tree structure. Here is some problems with tree structure for family tree :

  • Tree only have one root, while family tree must have at least two : husband & wife.
  • Using tree structure will be hard to display people's spouse/couple in marriage. Moreso if a person married more than once, and have descendants from each marriages.
  • Tree structure can never display marriage between family members/incest.

Have a look at my sample here : zoom with mouse scroll, draggable, with interactive tooltip. Created using d3.js

Rickard
  • 426
  • 7
  • 23
  • All good points, but there are many more: all people have just one biological mother and father, the join between two people represents procreation rather than marriage (which is unrelated but often confused with it), the network is a DAG (no loops) but not every ancestor will be unique (see 'pedigree collapse'), people can have children with different partners so not every joined pair has unique people. – ACProctor Oct 10 '18 at 19:26
0

There's a free tool at SVG Family-Tree Generator that includes a graphical designer, GEDCOM import, and customisable click operations (e.g. for viewing biographies). The output uses SVGH, HTML, CSS, and JavaScript in configurable combinations.

ACProctor
  • 284
  • 2
  • 17
0

I'd suggest:

Tommaso Mazza
  • 357
  • 4
  • 8