اقتراحات تصميم شجرة العائلة؟

Question

أود تصميم شجرة عائلة على موقع الويب الخاص بي. كيف يمكن القيام بذلك مع jQuery أو Ajax؟ أي أمثلة متحركة هناك؟

Answer 1

استخدم واجهة برمجة تطبيقات Google Visualization ، تم توثيقها جيدًا: http://code.google.com/apis/visualization/documentation/gallery/orgchart.html#example

Answer 2

سيكون الرابط التالي مفيدًا للمشاركة هنا حيث طبقت كل منطق مذكور هنا ولكن لا شيء يعمل. في النهاية وجدت هذا الحل. لقد ساعدني ذلك في بناء شجرة عائلة محترفة عبر jQuery و PHP

سيناريو شجرة عائلة Jtree

Answer 3

يفحص www.geni.com. يستخدمون الفلاش ، وليس JavaScript ، لكنه لطيف ، متحرك وما إلى ذلك.

Answer 4

تم إلقاء نظرة سريعة على موقع jQuery Plugin الأسهم والصناديق. يبدو أنه يفعل ما تحتاجه. إذا لم ينجح هذا الأمر ، فمن المحتمل أن يكون هناك عشرات آخرين لمحاولة.

Answer 5

القي نظرة على عينة تم إنشاؤها باستخدام D3.JS ، والهاتف المحمول.

• تمرير الماوس للتكبير ، قابلة للسحب ، مع تلميح أدوات تفاعلي
• زر "البحث" للبحث في أي فرد من أفراد الأسرة
• زر "إعادة تعيين" لإعادة تعيين التكبير والموضع

قادرة على عرض علاقات صعبة مثل الزيجات المتعددة والزواج بين أفراد الأسرة. تم إنشاؤها باستخدام D3.JS