关于jquery:家谱设计建议?

Family tree design suggestions?

我想在我的网站上设计一个家谱。如何使用jquery或ajax来实现这一点?有动画的例子吗?


使用谷歌可视化API,它有很好的文档记录:http://code.google.com/api s/visualization/documentation/gallery/orgchart.html示例


下面的链接将有助于在这里共享,因为我应用了这里提到的所有逻辑,但都不起作用。最后我找到了这个解决方案。它通过jquery和php帮助我构建了专业的家族树

JTree家谱


请访问www.geni.com。他们使用的是flash,而不是javascript,但是它很好,很生动等等。


看看我用d3.js创建的示例,mobile responsive。

  • 鼠标滚动到缩放,可拖动,带有交互式工具提示
  • "查找"按钮可搜索任何家庭成员
  • "重置"按钮用于重置缩放位置

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


快速查看jquery插件站点,找到了箭头和框。看起来它能满足你的需要。如果这个不可行,可能还有十几个其他的尝试。