用于向下钻取统计树的JavaScript控件

我有一个包含统计信息的JSON数据树：

{
  prefix: "a",
  count: 20,
  children: [
    {
      prefix: "a:b",
      count: 15,
      children: [
        { prefix: "a:b:c", count: 5 },
        {
          prefix: "a:b:d",
          count: 10
          children: [
            { prefix: "a:b:d:e", count = 7 },
            { prefix: "a:b:d:f", count = 3 }
          ]
        }
      ]
    },
    { prefix: "a:c", count: 5 }
  ]
}

叶子的总数是巨大的（但我想我会在服务器上预先截断它们，所以这应该不是一个问题）

我可以根据需要更改输出格式

我需要制作一个web UI来可视化这棵树，并能够深入到某些节点，让用户直观地分析哪些前缀具有最大的权重（即计数）

我认为控制应该在这里起作用，但我愿意接受其他建议

请告知，我可以重用哪个免费JavaScript库。最好是免费的、健壮的、易于使用的（但如果非常好，非免费的也可以）

支持jQuery的库是最好的，但如果它足够好的话，其他任何库都可以接受。

在中之前询问过

查看以“divs”显示树的答案。 可以在json属性名中添加一点javascript，以显示/隐藏下一个div

---

很抱歉，我没有准备好代码，如果问得好的话，也许我会：）

我觉得非常有趣（没有使用过它），但似乎非常有前途的[开源]

斯坦福可视化小组是你的另一个选择。请参见示例页面中层次结构部分下的

如果返回的层次结构不是太深，那么常规的树会工作吗

我在中使用了树形图来做类似的事情

但不是使用JIT树映射中的内置向下和向上钻取功能， 我发现一次向树映射提供一个级别的数据更容易，然后在必要时用新数据重新绘制它

---

使用这种技术，JIT快速且易于配置。

树视图在这里不起作用-不够直观。我想找一个树状图控件或其他更有效地可视化每个节点权重的东西。它支持向下钻取数据吗？（即，当您单击treemap节点时，视图将缩放到该节点的子树。）不，它不会。但它足够灵活，可以轻松地将事件处理程序绑定到，例如，

单击

或

鼠标上方

。看见您可以使用jQuery UI的效果（例如，传输）来制作动画：.ProtoVis在IE上工作不太好。它的大多数可视化都包含大量JavaScript错误。不，抱歉，在这种情况下，常规树不够直观。我需要一些更高级的东西，比如treemap。InfoVis的treemap很好，非常可配置，并且几乎完全按照您提供的格式处理数据。一个限制是它需要完整的数据树来呈现。没有内置的方法可以在向下钻取时动态加载数据。