it-swarm.asia

Menampilkan pohon keluarga panda

Saya memiliki bagian di situs web saya yang menampilkan informasi tentang semua panda tawanan yang diketahui, (Hampir 700) secara total.

Setiap panda memiliki satu halaman yang menampilkan nama, kelahiran/kematian dan di mana ia berada. Halaman ini juga memiliki tautan ke orang tua dan anak-anak.

Halaman utama memperlihatkan tabel semua pandas dipesan dalam tanggal atau kelahiran menurun. Saya ingin halaman ini menampilkan terkait pandas bersamaan.

Ini sepertinya menyiratkan semacam struktur pohon keluarga tetapi bagi banyak keluarga. Masalahnya adalah bahwa pandas pasangan dengan panda yang berbeda. Jadi seekor betina dengan 7 anak dapat memiliki 5 ayah yang berbeda, yang memiliki anak dengan betina lain, ini mengarah ke pohon yang sangat berantakan.

Apakah ada yang punya saran tentang bagaimana ini dapat ditampilkan?

11
Andi

Anda memiliki tantangan visualisasi data yang bagus. Hanya membuang ide ini.

Bagaimana jika Anda tidak secara otomatis menampilkan koneksi keluarga di halaman utama. Saya menyarankan visualisasi data interaktif.

Ketika Anda memutar panda, maka 'koneksi' muncul. Hubungan dapat ditunjukkan dengan garis dan/atau dengan kode warna, misalnya, untuk menunjukkan ibu/ayah/saudara kandung. Anda juga dapat mengatur ulang pandas untuk membawa gambar 'keluarga' ke bidang visual lain di atas halaman utama sehingga mungkin lebih mudah untuk melihat keluarga bersama daripada bertebaran di seluruh layar.

Yang agak sulit adalah apakah Anda ingin menunjukkan saudara kandung terkait melalui ibu atau saudara kandung terkait melalui ayah. Mungkin ini bisa menjadi toggle yang ditetapkan pengguna.

Ex:

  • Toggle diatur untuk menampilkan saudara kandung yang terkait melalui ibu
  • Putar panda untuk melihat keluarganya (panda ini mendapat sorotan khusus, katakanlah kuning)
  • Setelah rollover, itu keluarga mengatur ulang dan menunjukkan dengan baik sebagai pohon seperti yang dijelaskan di bawah ini dihubungkan oleh garis ... Ibu ada di atas pohon.
  • Ibu ditunjukkan dengan garis merah muda
  • Saudara kandung ditunjukkan dengan warna hijau
  • Ayah dari masing-masing saudara ditunjukkan dengan warna biru di atas setiap saudara dan panda saat ini
  • Anda perlu cara untuk menutup tampilan keluarga ini ... ketika pengguna menutup tampilan ini, pandas kembali ke posisi semula di layar utama.
7
milesmeow

Struktur "silsilah keluarga" pandas yang Anda coba wakili adalah grafik asiklik langsung . Ini bukan pohon . Ini tidak selalu dapat direpresentasikan dalam 2D ​​tanpa memotong garis. Dengan masing-masing 700 node dan 2 leluhur, kemungkinan akan berantakan.

Alat visualisasi grafik dapat membantu mengatasi masalah ini. Mulailah dengan webapp sederhana untuk mendapatkan ide (letakkan semua mother->child dan father->child memasangkan ke dalam daftar).

Lebih banyak program lanjutan seperti yFiles dan GraphViz cocok untuk grafik yang rumit dan besar. Lihat galeri untuk mendapatkan ide tentang hasil yang mungkin.

Pendekatan lain adalah mencoba menyederhanakan masalah, misalnya dengan membuat pohon leluhur/keturunan fokus pada setiap individu tertentu.

3
dbkk

Seekor anaknya hanya dapat memiliki satu ibu dan ayah, mengapa hubungannya harus dikelompokkan berdasarkan "keluarga"? Sepertinya Anda harus mengelompokkannya berdasarkan DNA, bukan oleh pasangan ibu/ayah.


PEMBARUAN:

Dikelompokkan oleh (Ayah <> Anak <> Ibu) [~ # ~] bukan [~ # ~] (Ayah/Ibu = Child_A, Child_B, dll .)

Lacak saja siapa yang terkait dengan siapa oleh ibu dan ayah, jangan melacak siapa saudara-saudari itu ... kecuali karena alasan kawin. Jika Anda membandingkannya untuk alasan perkawinan dengan masyarakat umum, berikan saja persentase, atau peringkat kebugaran yang berhubungan dengan tumpang tindih genetik.

PEMBARUAN 2:

Andi , apakah ini halaman indeks Panda:

Jika demikian, bagaimana Anda berencana untuk mengelompokkan Panda di mana satu atau lebih orang tua adalah "Tidak Dikenal."

2
blunders