使用 D3、VX 和 React 的具有多个父母的家谱

Question

目前，我正在尝试建立一个家庭树，它将拥有

1. 配偶/伴侣（多个）
2. 配偶/伴侣的子女

我想在 React.js 中完成这项工作，为此我使用了 VX。

根据 D3 树结构，我们的孩子只能有一个父母，因此为了根据我的选择生成树，我必须将合作伙伴对齐为成员的孩子。并且使用额外的 JSON 密钥，我为合作伙伴设置样式。请参阅下面的示例。

my repo也有同样的功能

Cyril Cherian 在这个 JSFiddle 中尝试与合作伙伴一起实现树的方式给我留下了深刻的印象

`https://jsfiddle.net/cyril123/fcd5q8fv/1/`

我做了一个分支（Javascript）

`https://jsfiddle.net/Vaishak/x6bg9dcu/`

并进行了一些更改。

但是这样做的问题是它不能以干净/直接的方式拥有多个配偶/伴侣，将不得不非常糟糕地修改 JSON。

my repo 中也可以使用相同的 JSFiddle 脚本

我想两者兼得，在哪里

1. 合作伙伴将与树的成员对齐
2. 合作伙伴不会拥有来自任何其他节点的线路（除非提及）
3. 孩子将来自合作伙伴线的中间

这里有什么解决办法吗？ :)

注意：我已经在VX's github issue page 上发布了相同的内容，不确定是否会在那里解决。

Answer 1

为了让寻找这个问题的答案的人更容易。

我可以解决它并得到解决方案，如 here

请随意查看data structure和我drew spouse line的方式。