分类图，生命之树，分类，JS还是画布？

Question

优秀的人-我需要一些帮助，以找到一种方法来创建一个交互式的cladogram或系统发育树(是的，我已经阅读了所有相关的帖子，但没有找到我正在寻找的)。问题是，我需要这些节点的名字。一个例子是这样的

​

我发现的大多数脚本要么是applet、flash，要么就是没有显示节点分类，即在本例中跳过"feliformia“。这对我来说是没用的，因为我最终会变成食肉动物--匿名的节点老虎，这不是好事。

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

所以:没有闪光灯，没有小程序。它必须是水平的，没有超级树(圆形)。我已经看过这个editors.html，但是它们中的大多数看起来要么是旧的，没有显示子节点级别、applet，要么是太复杂了。

我认为这对于canvas/jQuery来说是一项令人愉快的工作。很有可能有人比我先到的？

任何指点都很受欢迎。

注意:如果有人想把这样的事情作为一个项目来做，我会很乐意帮忙的，尽管它不会让我受益，因为这种project.This类型的分类法并不像看起来那么简单，我很高兴看到这种情况发生。

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

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 5的内联SVG。

阿比盖尔

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

Answer 2

你看过瓦坎达了吗？我认为数据源模型可以提供一个合适的结构.http://www.wakanda.org/

Answer 3

实际上，我编写了一个d3脚本，它就是这样做的，在这里找到它：d3