使用 json 和 javascript 实现数据可视化答案

【问题标题】：Data Visualization by use of json and javascript使用 json 和 javascript 实现数据可视化
【发布时间】：2012-05-28 10:41:36
【问题描述】：

假设我有这样的 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 数据并创建从一个节点到另一个节点的关系路径。我需要一个智能库，它应该识别我的数据的父子关系并在它们之间添加线。有什么想法吗？在此先感谢

【问题讨论】：

JSON 数据在哪里？这是一个对象字面量。您的问题似乎与 JSON 无关。此外，如果库 X 不理解您的格式，您必须将其转换为它可以理解的格式。
元素的事件处理也很重要。
还有：Stack Overflow is not a Recommendation Engine.
对不起，我更新了我的帖子。顺便说一句，我知道 sof 不是推荐引擎，但这是我向这里所有专家提出的问题，我的意思是利用他们的经验找到最佳解决方案。

标签： javascript json raphael visualization d3.js

【解决方案1】：

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

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

【讨论】：

jit 的输出只是一张图片，没有实现事件处理。我寻找像拉斐尔这样的东西，但比那更聪明。