家系図の関係を描画できる単純な Javascript ライブラリ (svg?) を探しています。
Google でよく検索したところ、Raphaël やその拡張 Dracula などの興味深いライブラリがたくさん見つかりました。Google には、フローチャートを作成するための独自のライブラリもあります。
残念ながら、すべてのライブラリはノード間の関係を 1 行で作成します。A と B が C と関係がある場合、A から C への線と B から C への線の 2 つの線が得られます。
必要なのは、A から B への線 (AB と呼びます) と、A と B の結婚を表す AB から C への線です。
例 (ソース: example-image ):
ありがとう。
「ライブラリ」ではありませんが、記述した内容を正確に描画できるユーティリティが存在します。これは単純に「SVG ユーティリティ」と呼ばれ、実際の家族関係 (複数の配偶者、暫定的な子供などを含む) を定義できるグラフィカル デザイナーを備えた無料のソフトウェアです。SVG ファミリー ツリーの詳細を参照してください。
設計が完了すると、関係とレイアウトが単純なテキスト ファイル形式で取り込まれ、変更または再利用できるようになります。このユーティリティは、ブログ投稿またはその他の Web ページで使用する SVG バージョンを生成します。複数の SVG 画像を同じページに表示したり、個人ボックスまたは「ファミリー」の背後にツールチップまたはポップアップ情報を表示したり、個々のツリーをパンズームしたり、サムネイル画像とキャプションを表示したりできる構成がいくつかあります。
インストール キット、ドキュメント、およびサンプルは、Dropbox フォルダーで入手できます。アクセスするには、上記のブログ投稿の作成者に連絡してください。
このユーティリティは Windows で実行するように設計されていますが、Mac の WINE 互換レイヤーでも実行されています。
