javascript - 使用 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 框架在图形树中显示这样的数据。我用谷歌搜索并找到了一些很好的库，如 raphael、d3 ......但它们都无法读取 json 数据并创建从一个节点到另一个节点的关系路径。我需要一个智能库，它应该识别我的数据的父子关系并在它们之间添加线。有什么想法吗？提前致谢

Answer 1

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

但正如@Felix Kling 所说，您可能必须重组数据以匹配 X 库。