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