javascript - 分支图、生命之树、分支学、JS 或 Canvas 中的分类法？

Question

好人——我需要一些帮助来找到创建交互式分支图或系统发育树的方法(是的，我已经阅读了所有相关帖子，但没有找到我要找的东西)。问题是，我需要节点可以命名。一个例子是这样的

我发现的大多数脚本要么是 applets、flash，要么根本不显示节点分类，即在本例中它会跳过“feliformia”。这对我没用，因为我最终会得到食肉动物 - 匿名节点 - 匿名节点 - 匿名节点 - 老虎，这并不好。

这棵树在理论上将覆盖所有生命，因此它可以变得相当大，并从数据库中获取英文和拉丁文的链接和名称。

所以:没有 Flash，没有小程序。它必须是水平的，没有 super 树(圆形)。我经历过这个 http://bioinfo.unice.fr/biodiv/Tree_editors.html但它们中的大多数似乎要么陈旧，不显示子节点级别、小程序，要么过于复杂。

我想这对于 canvas/jQuery 来说会是一份令人愉快的工作..？很可能有人比我先到那里？

非常感谢任何指点。

注意:如果有人想把这样的事情作为一个项目来做，我会很乐意提供帮助，即使这对我这个项目没有好处。这种类型的分类法并不像看起来那么简单，我很高兴看到这种情况发生。

编辑:一年过去了；我仍然认为这是一个非常有趣的问题。我已经离开科技界一段时间了；因此，如果有人发现了对大型项目有希望的东西……我洗耳恭听。

Answer 1

近一年来，我自己一直在研究同一个问题。迄今为止我发现的最好的库是 d3.js，它是 protovis.js 的继承者。好消息是 d3.js 树状图和节点链接树应该足够灵活，可以满足您的任何/所有需求；但坏消息是您可能不得不编写自己的分类逻辑和交互逻辑。

http://mbostock.github.com/d3/ex/cluster.html

http://mbostock.github.com/d3/ex/tree.html

为了解决这个问题，d3.js 库实际上使用了 HTML5 的内联 SVG。
阿比盖尔

ps:找到了一个关于使用树状图交互以及如何构建分类逻辑的教程。 http://blog.pixelingene.com/2011/07/building-a-tree-diagram-in-d3-js/