6

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

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

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

所以:没有闪存,没有小程序。它必须是水平的,没有超级树(圆形)。我已经浏览了这个http://bioinfo.unice.fr/biodiv/Tree_editors.html 但它们中的大多数似乎都是旧的,没有显示子节点级别、小程序,或者太复杂了。

我想这对于 canvas/jQuery 来说将是一项令人愉快的工作..?很有可能,有人在我之前到达那里?

任何指针都非常感谢。

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

编辑:一年过去了;我仍然认为这是一个非常有趣的问题。我已经离开科技界一段时间了;因此,如果有人找到了看起来很有希望用于大型项目的东西……我全神贯注。

4

4 回答 4

9

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

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

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

为了解决 Herby,d3.js 库实际上确实使用了 HTML5 的内联 SVG。
阿比盖尔

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

于 2012-03-19T16:53:08.560 回答
1

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

于 2012-06-01T14:56:28.530 回答
1

实际上,我整理了一个 d3 脚本来执行此操作,在这里找到它:https ://github.com/ConstantinoSchillebeeckx/phylogram_d3

于 2016-06-20T20:39:50.703 回答
1

Phylotree.js是一个很好的库,可以使用 d3 在 SVG 中执行此操作。它可以读取 Newick 字符串并使用内部标签和可折叠节点绘制它们。

于 2019-02-27T21:49:29.680 回答