🌳 家系図作成ツールv3

• 作者: @cold_planet_
• 日本で飼育されているコアラの家系図を作成するためのツールです。
• 非公式のツールであり、情報の妥当性や正確性について保証するものではありません。
• 全ての個体を網羅すると図が煩雑になるため、範囲ごとにピックアップしたデータも用意しています。
• 基本的に作者が撮影した写真を使っていますが、一部のアイコンはコアラwikiから拝借しています。
• アイコンはこれがいい!この子の周辺の家系図を用意して!等のリクエストは作者までどうぞ
📝 使い方:
1. データソース(CSV/JSON)を選択
2. CSVの場合はデータを貼り付けるか、サンプルCSVをロード
3. 「家系図を生成」ボタンをクリック
✅ vis.jsライブラリ使用 - ノード数制限なし!
🎨 機能:
• 親からユニオンノード(円)への線は性別で色分け(青=オス、赤=メス)
• 画像ノード(円形)も太い枠線で性別を識別可能
• オレンジの円(親ペアの中点)から子へ線を引く
• オレンジの円も自由に移動可能
• 行番号列でY座標制御(同じ番号=同じ高さ)
• 列番号列でX座標制御(同じ番号=同じ横位置)
行番号・列番号省略時はグリッド状に自動配置(見やすく整列)
• 全てのノードを自由にドラッグ可能
キャンバスの右下をドラッグして表示領域を拡大/縮小可能
データフォーマット説明:
CSV: 行番号,列番号,個体名,性別,生年月日,父親,母親,現在地,アイコン(行番号・列番号は省略可)
性別: オス/メス、male/female、雄/雌、M/F のいずれかに対応
生年月日: YYYY/M/D または YYYY/M/D-YYYY/M/D (誕生日-死亡日)
行番号: Y座標を制御(同じ番号=同じ高さに配置)
列番号: X座標を制御(同じ番号=同じ横位置に配置)
自動配置: 行番号・列番号を省略すると、グリッド状に整列(1行に√n個ずつ、最大10列)