用于从平面JSON可视化家庭图的JavaScript库建议

时间:2017-07-10 12:33:43

标签: javascript json visualization

我有一个扁平的JSON文件,其中包含人名的ID和谁是谁的父母。

该文件如下所示:

[  
{  
  "firstname":"harry",
  "id":"1",
  "relationship":"PARENT_OF",
  "firstname1":"jim",
  "id1":"2"

},
{  
  "firstname":"harry",
  "id":"1",
  "relationship":"PARENT_OF",
  "firstname1":"jessica",
  "id1":"3"

},
{  
  "firstname":"jessica",
  "id":"3",
  "relationship":"PARENT_OF",
  "firstname1":"peter",
  "id1":"4"

}
]

我正在尝试建立一个类似于图片中的家庭图:

enter image description here

我一直在研究D3库,它有利于创建嵌套JSON文件并且只有一个根的家族树。

在我的情况下,JSON文件是平的,可以有很多根(例如2个祖父母)。

我一直在尝试使用我拥有的数据和D3库来制作一些东西,但我没有成功。

有人能告诉我是否可以用D3实现,如果没有,那么哪个JavaScript库最适合它?

0 个答案:

没有答案