家谱设计建议？

Question

我希望在我的网站上设计一个家谱。如何使用jQuery或Ajax来完成这项工作？是否有一些带有动画效果的示例可以参考？

- Erik

---

让这成为一次行动的呼唤。JQFamTree！让你存在！ - karim79

如果您对家谱学感兴趣，请注意已经有人开始创建一个家谱SE问答社区。帮助它达到测试版：http://area51.stackexchange.com/proposals/43502/genealogy-family-history?referrer=DIRpC-2QEpSJcDcQkP0RAg2 - Duncan

Answer 1

使用谷歌可视化API，它有很好的文档：http://code.google.com/apis/visualization/documentation/gallery/orgchart.html#Example

- Jon McIntosh

---

使用Google Visualization API，我们可以在每个节点上弹出一个弹窗，以便在鼠标悬停或单击时提供有关该节点的更多详细信息。 - Pratik

似乎节点只能是“一对多”的。您不能与两个父节点相关联。 - Ludovico Grossi

Answer 2

以下链接可能对您有所帮助，因为我按照这里提到的每个逻辑都没有得到结果。最后我找到了这个解决方案。借助jquery和php，它帮助我构建了专业的家谱树。 jTree家谱树脚本

- irfanmcsd

Answer 3

请查看www.geni.com。他们使用Flash而不是JavaScript，但它很好，动画等。

- Muad'Dib

Answer 4

快速查看jQuery插件网站，找到了箭头和框。它看起来可以满足你的需求。如果这个不行，可能还有其他十几个插件可供尝试。

- Drew Wills

Answer 5

看看使用d3.js创建的我的示例，支持移动响应。

• 鼠标滚轮缩放、可拖动，并带有交互式工具提示
• '查找'按钮可搜索任何家庭成员
• '重置'按钮可重置缩放和位置

能够显示复杂的关系，如多次婚姻和家庭成员之间的婚姻。使用d3.js创建。

- Rickard