como hacer un árbol genealógico

[porkeno]

quiero hacer un arbol genealogico en un canvas html,
pero me complica mucho por que algunas familias tienen mas hijos, o nietos y se me complican los espacios.
alguien podría hacerlo?
ejemplo de árbol genealógico

acá hay 2 json con los datos.


datos personas
cada persona tiene 3 datos nombre (puse el id en vez del nombre), familiaSuperior es el id a que familia pertenece haciendo de cuenta que el es el hijo, y familia es el id a que familia pertenece haciendo de cuenta que es uno de los padres

https://drive.google.com/file/d/1qrg...ew?usp=sharing

Familias
este contiene el grupo familiar padre madre y el key es el id de familia
https://drive.google.com/file/d/1jGo...ew?usp=sharing