شاهد الخوارزمية.

مختبر تفاعلي يحوّل الخوارزميات من أسطر جامدة إلى حركة يمكن رؤيتها وفهمها وتحليلها خطوة بخطوة. اختر الخوارزمية، ولّد البيانات، ثم راقب المنطق وهو يعمل أمامك.

JAVASCRIPT ALGORITHMS VISUALIZATION INTERACTIVE

ابدأ التجربة استكشف الخوارزميات

STEP-BY-STEP

REAL TIME

algorithm.engine.js

                    
                        const
                         algorithm
                        =
                        "BUBBLE_SORT";
                    
                        let
                         comparisons
                        =
                        0;
                    
                        let
                         swaps
                        =
                        0;
                    
                        for
                        (i = 0; i < n; i++)
                    
                        if
                        (a[i] > a[i + 1])
                    
                        swap(a[i], a[i+1]);
                    
                        engine.render(step);

01 / INTERACTIVE LAB

مختبر الخوارزميات

اختر خوارزمية، ثم شاهد كل مقارنة وحركة وتبديل في الوقت الحقيقي مع عدادات الأداء.

Bubble Sort مقارنة العناصر المتجاورة

READY

السرعة

STEPS 0

COMPARISONS 0

SWAPS 0

STATUS READY

كيف تعمل Bubble Sort؟

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

BEST: O(n) AVG: O(n²) WORST: O(n²)

ماذا ترى الآن؟

اللون الأصفر يوضح العناصر التي تتم مقارنتها، والأحمر يظهر عملية التبديل، بينما الأخضر يوضح العناصر التي استقرت في موضعها النهائي. يمكنك إيقاف المحاكاة أو تنفيذها خطوة بخطوة.

RUN PAUSE STEP

02 / KNOWLEDGE

منطق الخوارزميات

ليست الخوارزمية مجرد كود؛ إنها طريقة منظمة للوصول إلى نتيجة بأقل عدد ممكن من الخطوات.

الترتيب

خوارزميات الترتيب تعيد تنظيم مجموعة من البيانات وفق قاعدة محددة. في المختبر يمكنك رؤية عمليات المقارنة والتبديل بدلًا من قراءة الكود فقط.

البحث

خوارزميات البحث تحاول الوصول إلى عنصر محدد. البحث الخطي يفحص العناصر بالتتابع، بينما البحث الثنائي يقلل مساحة البحث إلى النصف في كل خطوة عندما تكون البيانات مرتبة.

التعقيد

Big O تساعدنا على فهم كيفية تغير أداء الخوارزمية مع زيادة حجم البيانات، ولذلك لا يكفي أن تعمل الخوارزمية؛ المهم أيضًا أن تعمل بكفاءة.

التصور البصري

تحويل الخطوات إلى حركة يجعل العلاقات بين البيانات والخوارزمية واضحة، ويحوّل المفاهيم البرمجية المجردة إلى تجربة يمكن ملاحظتها وتحليلها لحظة بلحظة.

تم إنشاء البيانات