¿Cuál es el mejor enfoque basado en HTML+SVG+CSS para mostrar una estructura de árbol genealógico con ambos padres y múltiples interconexiones?

Estoy buscando una forma flexible de mostrar la salida del modelo de datos GEDCOM o el modelo de datos Gramps , que son los modelos de datos más comunes para la genealogía. Ambos modelos de datos admiten árboles genealógicos que incluyen ambos padres biológicos y múltiples interconexiones entre diferentes ramas de un árbol ancestral.

Un ejemplo de interconexiones múltiples sería un caso en el que dos hermanas de una familia nuclear se casan con dos hermanos de otra familia nuclear. Este es el caso de un pariente lejano mío, en algún momento del siglo XVII, como puede ver en las capturas de pantalla (de mi árbol genealógico en MyHeritage.com ) a continuación.

Desde la perspectiva de los hermanos:

Desde la perspectiva de las hermanas:

Un ejemplo más complicado sería cuando la bisabuela de un hombre es la suegra de la abuela de su esposa (o su hermana). Algo así también ocurre entre mis antepasados ​​del siglo XVIII, pero es un poco más difícil proporcionar una captura de pantalla adecuada.

Si bien sé que esto se puede hacer con Canvas, prefiero una solución que use SVG o HTML para la visualización. ¿Existen bibliotecas JS que admitan tales interconexiones múltiples entre diferentes ramas del mismo árbol listas para usar? ¿O conoces algún ejemplo para, por ejemplo. ¿ D3.js , jsPlumb o GoJS que admita (1) enlace principal dual y (2) múltiples interconexiones listas para usar? Y si no, ¿qué método recomendaría?