用于向下钻取到统计树的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库。最好是免费,强大且易于使用的东西(但如果非常好则非免费OK)。 jQuery感知库是首选,但如果它足够好,则接受其他任何东西。     
已邀请:
我觉得
JavaScript InfoVis Toolkit
非常有趣(没用过它)但看起来很有前途[开源]     
斯坦福可视化组的ProtoVis是另一种选择。请参阅示例页面中的Hierarchies部分。     
如果返回的层次结构不是太深,那么常规树会起作用吗? http://www.jstree.com/     
我在JavaScript InfoVis Toolkit中使用了treemap来做类似的事情。 但是不是在JIT的树形图中使用内置的向下钻取功能, 我发现一次向树形图提供单一级别的数据更容易,然后在必要时用新数据重绘它。 使用该技术JIT快速且易于配置。     
之前在Display JSON / YAML层次结构中询问是否为HTML中的树? 看到在“divs”中显示树的答案。 可以在json属性名称中添加一点javascript来显示/隐藏下一个div。 对不起,我没有准备好代码,也许我会,如果问得好:)     

要回复问题请先登录注册