GoJS org chart example

Family Tree Diagram Redesign

Family Tree, one of the most popular diagrams in the GoJS library, has undergone a thorough redesign and refreshed its functionality. 🌳

For the Family Tree to fulfill its proper role, i.e., presenting the family's history, our team decided to prepare a history of the Royal House of Great Britain. πŸ‘‘

See how Family Tree has changed after using a few tricks:

β€’ Clearly showing the relationships between people in the family tree πŸ”„ πŸ‘¨β€πŸ‘©β€πŸ‘§β€πŸ‘¦

β€’ Implementation of factual information about people πŸ“Š

β€’ Adding counters on links that indicate the number of offspring πŸ”’

β€’ Varied links showing relationships between people 🎨

β€’ Properly designed nodes with data about people, including hover that enables to change the name, title, or date of birth and death of a given person πŸ“

β€’ Color variation matched to the gender of the person πŸ‘©β€πŸ¦° πŸ‘¨

β€’ Zoom in/Zoom out, thanks to which you can easily see the details and the entire family tree β€’ Implementation of code architecture via dividing code files into several files so you can easily implement in changes πŸ”πŸ”Ž

β€’ Implementation of code architecture via dividing code files into several files so you can easily implement in changes πŸ— πŸ“„

We're available for new projects!

Just drop us a line at office@synergycodes.com

More by Synergy Codes

View profile