تباعد تلقائي للمخطط انسيابي

Question

وهكذا أعمل على المشروع الذي سوف، في النهاية، وتوليد نوع من الرسم البياني باستخدام API فليكر. ستقوم بتوفير علامة البذور، وهذا البرنامج سوف تستخدم هذه العلامة البذور للعثور على الصور فليكر الأخرى ذات الصلة التي لديها علامات مشتركة ...

ولدي كل من الاشياء النهاية الخلفية وتشغيلها ولكن أنا الحيرة على التنسيق. هنا هو screenie ما أود أن تبدو وكأنها ...

وهنا سؤالي. هل هناك وسيلة جيدة ليقترب من المباعدة بين كل فرع؟ بهذا هو نفسه، وأود أن يكون لها وظيفة حيث يمكن ببساطة إنشاء عقدة جديدة (أو "فرع") وتحديد أي القائمة العقدة أود أن نعلق على. هذا هو كل شيء جيد وعلى ما يرام، ولكن أنا بحاجة إلى أن تكون قادرة على وضع تلقائيا وذكاء عقدة جديدة على الصفحة بحيث لا تتداخل أي خطوط أو العقد الموجودة. أعتقد أن هذا هو أكثر من مسألة البرمجة العام كما لو كنت أعرف عملية أتمكن من الكود، ولكن بالنسبة لأولئك الذين يهتمون وأنا أفعل هذا في جافا سكريبت / HTML / CSS لتصفيف الشعر، وربما بعض PHP لفليكر يدعو.

لا تتردد في طرح أي أسئلة لتوضيح بلدي المشي على الأقدام.

Answer 1

هل يمكن استخدام نموذج الربيع بين العقد. كل عقدة تمارس قوة صد ضد كل عقدة أخرى. السماح لجميع العقد لدفع بعضهم ضد البعض الآخر عددا معينا من المرات وعليك أن تأتي إلى حل معقول. فأنت تريد أن يكون لها حدود الزوجين للتأكد من العقد لا تذهب تحلق قبالة في الفضاء والتي لا تتذبذب بين زوجين دول مماثلة.

وتنفيذ ذلك في جافا سكريبت / PHP يترك باعتبارها ممارسة للقارئ.

وبديل ذلك هو استخدام برنامج تخطيط بياني مثل GraphViz .

Answer 2

وإنني أتطلع إلى رؤية نتائج المشروع. وأنا أتفق مع scompt حول استخدام graphviz.