اختبار مخططات Mermaid

graph TD
    A[بداية] --> B{هل تستمر؟}
    B -->|نعم| C[تنفيذ العملية]
    B -->|لا| D[نهاية]
    C --> E[فحص النتيجة]
    E --> F{هل نجحت؟}
    F -->|نعم| G[اكتمال]
    F -->|لا| H[إعادة المحاولة]
    H --> C
    G --> D

sequenceDiagram
    participant المستخدم
    participant النظام
    participant قاعدة_البيانات

    المستخدم->>النظام: إرسال طلب
    النظام->>قاعدة_البيانات: استعلام عن البيانات
    قاعدة_البيانات-->>النظام: إرجاع النتيجة
    النظام-->>المستخدم: عرض النتيجة

gantt
    title الجدول الزمني للمشروع
    dateFormat  YYYY-MM-DD
    section التصميم
    تحليل المتطلبات     :done,    des1, 2024-01-01, 7d
    تصميم النموذج الأولي     :active,  des2, 2024-01-08, 5d
    التصميم التفصيلي     :         des3, after des2, 5d
    section التطوير
    تطوير الواجهة الأمامية     :         dev1, after des3, 10d
    تطوير الواجهة الخلفية     :         dev2, after des3, 15d
    section الاختبار
    الاختبار الوحدوي     :         test1, after dev1, 5d
    اختبار التكامل     :         test2, after dev2, 5d

classDiagram
    class Animal {
        +String name
        +int age
        +void eat()
        +void sleep()
    }
    class Dog {
        +void bark()
    }
    class Cat {
        +void meow()
    }

    Animal <|-- Dog
    Animal <|-- Cat

stateDiagram-v2
    [*] --> Idle
    Idle --> Processing : بدء المعالجة
    Processing --> Success : نجاح المعالجة
    Processing --> Error : فشل المعالجة
    Success --> [*]
    Error --> [*]

pie title معدل استخدام المتصفحات
    "Chrome" : 65.2
    "Firefox" : 15.3
    "Safari" : 12.5
    "Edge" : 5.2
    "أخرى" : 1.8

graph TD
    A --> B
    // هنا تعريف السهم مفقود
    C --> D