家系図のデザインの提案？

Question

私のウェブサイトに家系図を設計したいと思います。これはjqueryまたはajaxでどのように行うことができますか？そこにアニメーションの例はありますか？

Answer 1

Google Visualization APIを使用してください。 http://code.google.com/apis/visualization/documentation/gallery/orgchart.html#example

Answer 2

ここで言及したすべてのロジックを適用したが、機能するものはありません。ついにこの解決策を見つけました。それは私がjqueryとphpを介してプロの家系図を作るのを助けました

Jtree家系図スクリプト

Answer 3

小切手 www.geni.com. 。彼らはJavaScriptではなくFlashを使用しますが、それは素晴らしく、アニメーションなどです。

Answer 4

jqueryプラグインサイトを簡単に見てください 矢印とボックス. 。必要なことをしているようです。これがうまくいかない場合、おそらく試してみるべき数十人がいるでしょう。

Answer 5

見て 私のサンプル D3.jsを使用して作成され、モバイルレスポンシブ。

• インタラクティブツールチップを使用して、ドラッグ可能なズームへのマウススクロール
• 家族を検索する「検索」ボタン
• ズームと位置をリセットする「リセット」ボタン

複数の結婚や家族間の結婚などの困難な関係を示すことができます。 D3.jsを使用して作成されました