数据可视化 - 在 HTML、CSS、JQuery 中显示树

Posted 2023-03-11

【中文标题】数据可视化 - 在 HTML、CSS、JQuery 中显示树

【英文标题】：Data Visualization - showing a Tree in HTML, CSS, JQuery

【发布时间】：2011-04-02 19:03:45

【问题描述】：

我有一个基于树的数据集，我想在我的网页中进行可视化。数据只是你的基本树：有一个父节点，有子节点，然后是这些节点的子节点。

我正在寻找一个包来以树格式可视化数据。有人知道吗？ Google 有一个，但我想知道是否还有其他选择

【问题讨论】：

当您说“树格式”时，您是在寻找组织结构图类型的格式吗？当你说“树”时，我想到的是 jsTree (jstree.com) 或类似的东西，它不支持组织结构图格式。

不像那样。我希望它在美学上令人愉悦。它是一个辅导网站，将显示学生的目标和子目标。所以目标 A 可以是“在数学上获得 A”，而子目标是“在期中考试中获得 93% 的成绩”和“按时完成所有作业”，您所布置的结构更像是目录类型。 （虽然很高兴知道存在）

【参考方案1】：

javascript InfoVis Toolkit 非常适合用于 Web 可视化和动画。查看demo page，尤其是 SpaceTree、RGraph 和 HyperTree。

【讨论】：

这里是 InfoVis 工具包的更新链接：philogb.github.com/jit/demos.html