用于深入了解统计树的 JavaScript 控件

发布于 2024-10-29 03:31:01 字数 811 浏览 1 评论 0原文

我有一个包含统计信息的 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 来可视化这棵树，并能够深入到某些节点，让用户直观地分析哪些前缀具有最大的权重（即计数）。

我认为 treemap 控件应该可以在这里使用，但我愿意接受其他建议。

请告知我可以重用哪个免费的 JavaScript 库。最好是免费的、强大的和易于使用的东西（但如果它很优秀，非免费的也可以）。

jQuery 感知库是更好的选择，但如果足够好，其他任何库都可以接受。

原文

I have a JSON data tree with statistical information:

{
  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 }
  ]
}

Total number of leaves is huge (but I will pre-truncate them on server, I think, so that should not be a problem).

I can change output format as needed.

I need to make a web-UI to visualize this tree and be able to drill down to certain nodes, to let user to visually analyze which prefixes have largest weight (i.e. count).

I think that a treemap control should work here, but I'm open to other suggestions.

Please advise, which free JavaScript library I can reuse. Preferably something free, robust and easy to use (but non-free OK if it is excellent).

jQuery-aware libraries are preferable, but anything else is accepted if it is good enough.

分享到QQ

分享到微博