Múltiples socios en un árbol genealógico en d3.js?

charts family-tree

Question

Tengo un árbol genealógico de la sorprendente respuesta de Cyril, pero estoy tratando de encontrar la forma de ajustarlo para que sea compatible con múltiples socios. En este caso, agregué un nodo "Mistress" y estoy tratando de denotar que "Mistress" y "John" tuvieron un hijo llamado "Hidden Son".

La estructura de datos actual funciona de la siguiente manera:

En eso, el objeto root almacena todo. Tiene una matriz para children que contiene la "generación" más alta sin padres. También contiene un objeto que contiene los hijos de estos objetos / nodos hermanos. En el ejemplo anterior, esto es root.children[2] .

Estoy pensando que tendría que refactorizar los children la estructura de datos e insertar información acerca de los padres del niño. Solo tengo problemas para conceptualizar esto, así como la línea

El final sería algo como esto, excepto que la amante estaría en el lado izquierdo:

Answer 1

@medder gracias por el aprecio!

Para hacer eso, he agregado un nodo oculto entre John y Lady .

Y agregó un niño a ese nodo oculto, por lo que parece que John y su amada tienen un hijo "Hidden Son". Así que el JSON se parece a

{
    name: "Mistress",
    id: 9000,
    no_parent: true
  }, {
    name: "",//this is the new node between Mistress and John
    id: 100,
    no_parent: true,//it has no parents
    hidden: true,
    children: [{
      // so this hidden node will have a child 
      // which will make it appear as if john and mistress has a child.
      name: "Hidden Son",
      id: 9001
    }]
  }, {
    name: "John",
    id: 16,
    no_parent: true
  },

Código de trabajo here

¡Espero que esto ayude!