利用json和javascript实现数据可视化

Question

假设我有一个如下的json数据：

{
  "node1": {
     id: "1", 
     name: "node1", 
     type: "A", 
     children: [
      {
       id: "11", 
       name: "node11", 
       children: [
        {
         id: "node111", 
         name: "node111", 
         leaf: true
        },
        {
         id: "node112", 
         name: "node112", 
         leaf: true
        }
       ]
      }
    ]},
"node2": {
   id: "12", 
   name: "node12", 
   children: [
    {
     id: "node121", 
     name: "node121", 
     leaf: true
    } 
  ]
} 

}

我想通过使用js框架在图形树中显示这样的数据。我用谷歌搜索了一下，发现了一些不错的库，比如拉斐尔、d3……但它们都不能读取json数据并创建从一个节点到另一个节点的关系路径。我需要一个智能库，它应该能够识别我的数据的父子关系，并在它们之间添加行。对此有什么想法吗？提前感谢

Answer 1

你的数据是树状结构的。Infovis库似乎确实很好地可视化了：http://thejit.org/demos/

但正如@Felix Kling所说，您可能需要重新构造数据以匹配X库。