خبير جافا سكربت لتعديل قالب شجرة عائلة معقّد

جافا سكريبت HTML CSS تصميم موقع إلكتروني جافا سكريبت HTML CSS تصميم موقع إلكتروني

السلام عليكم ورحمة الله وبركاته *** ارجو قراءة المشروع كاملاً لدي شجرة عائلة معقّدة ، ترتّب الابناء على حسب مساحة الصفحة، تعمل بشكل ممتاز عند اضافة عدد قليل من الاطفال ، لكن عند اضافة الكثير منهم، تبدأ تخرب و تدخل الخطوط في بعضها وتصبح فوضوية ( يعني: المشكلة في الخطوط التي تصل بين المستطيلات ) اريد خبير svg و Javascript ليرى السورس كود، ويعدّل على الدوال functions المسؤولة عن ترتيب الاطفال لتصبح تعمل مع عدد كبير كما تعمل عند وضع عدد قليل من الاطفال، ترتبهم بشكل صحيح الشجرة مستضافة هنا : otbyaz.pythonanywhere.com والسورس كود مرفق، وصورة توضيحية كيف اريدها وكيف لا اريدها ارجو إرسال نتائج اولية والتأكد من قدرتك على الانتهاء من المشروع، ولن نختلف. وشكراً * الشجرة لن تظهر بشكل صحيح اذا لم تستضيفها local host او على jsfiddle مثلا