I’m creating a family tree visualizer UI and I’m struggling to position every “card” (person) correctly in a way that accounts for the whole tree and prevents overlap & confusion.
This is the sort of thing I’m trying to get:
But all I can achieve is:
The people in the tree are sorted into a table of “person” objects that contain their age and their parent. I’m not trying to simulate two parents, just the primary parent of the dynasty (last name).
I’ve attempted to sort the tree into “levels” but I can’t wrap my head around the positioning. If anyone could give me a hand or any other examples that would be great.