This is a minimalist HTML and JavaScript skeleton of the GoJS Sample familyTree.html. It was automatically generated from a button on the sample page, and does not contain the full HTML. It is intended as a starting point to adapt for your own usage. For many samples, you may need to inspect the full source on Github and copy other files or scripts.

This text is displayed if your browser does not support the Canvas HTML element.

This family tree diagram shows several generations of British royalty beginning with George V (1865-1936).

Node data contains information about gender, and a data binding assigns a corresponding color. Additional data is displayed with a tooltip. A key is placed on the diagram using a Panel.Table.

For a variation of this tree, see the Japanese family tree sample.

For a more complex family tree see the genogram sample.

GoJS version 2.2.5. Copyright 1998-2022 by Northwoods Software.

View this sample page's source on GitHub