質問: パンダの家系図を表示する 私のwebサイトには、既知のすべての捕虜パンダ(700名近く)に関する情報を表示するセクションがあります。各パンダには、名前、誕生/死、およびそれがどこにあるかを表示する単一のページがあります。このページには、その親と子へのリンクもあります。メインページには、すべてのpandas降順または誕生日順に並べられています。このページに関連するpandasをまとめて表示します。これはある種の家系図構造を暗示しているようですが、多くの家族にとってはそうです。問題は、pandas=別のパンダと交配することです。したがって、7匹の子を持つ女性には、他の女性と子を持つ5人の異なる父親がいる可能性があり、非常に厄介なツリーになります。これがどのように表示されるかについての提案はありますか?
回答: 素敵なデータ視覚化の課題があります。このアイデアを捨てるだけです。メインページに家族のつながりを自動的に表示しない場合はどうでしょうか。インタラクティブなデータ視覚化を提案します。パンダをロールオーバーすると、「接続」が表示されます。関係は、たとえば母/父/兄弟を示すために、線や色分けで示すことができます。 pandasを再編成して、「家族」の写真をメインページ上の別の視覚面に持ってくると、画面全体に散らばるのではなく、家族を一緒に見やすくなります。トリッキーなのは、母親を介して関連する兄弟を表示するか、父を介して関連する兄弟を表示するかです。おそらくこれは、ユーザーが設定するトグルである可能性があります。例: トグルは母親を介して関連する兄弟を表示するように設定されています パンダをロールオーバーしてその家族を確認します(このパンダは特別なハイライトを取得します。黄色としましょう)。 ロールオーバーすると、家族が再配置され、以下に説明するように線で結ばれたツリーとしてうまく表示されます...母親はツリーの一番上にいます。 ピンクで囲まれた母親 緑色で囲まれた兄弟 各兄弟の上に青で概説されている各兄弟の父親と現在のパンダの父 このファミリービューを閉じる方法が必要です...ユーザーがこのビューを閉じると、pandasがメイン画面の元の位置に戻ります。