This family tree diagram shows several generations of British royalty beginning with George V (1865-1936). This diagram was created by utilizig GoJS 2.0 library in combination with HTML, CSS, and JavaScript.
Every female node will turn red and every male node will turn blue automatically and the table stating this will float in the left top corner, and should not interfere with the tree. These nodes are moveable by the user and they will never disconnect from their parent or child. Tooltips were added to the nodes and using JavaScript, the user is now able to hover over a persons name, and see information such as birth year, death year, and reigning time. The zoomToFit and centerRoot buttons will do as they state, zoomToFit will make sure all nodes are visible and centerRoot, will focus on the main root of the tree. Future plans for this project would be adding an add family member or delete family member to this list while utilizing a mySQL database. Another plan would be the ability to add secondary relatives, such as adding a spouse or child from two people rather than just blood relationships shown above.