محرر مخططات Mermaid

ما هو Mermaid

أنشأ كنوت سفايدكفيست Mermaid عام 2014 كلغة تصريحية بأسلوب ماركداون لوصف المخططات. مقارنةً بأدوات السحب والإفلات، يسمح Mermaid لمخططاتك بالعيش في ملفات مصدرية خاضعة للتحكم بالنسخ.

مرجع سريع

• flowchart TD/LR — خرائط التدفق. A-->B رابط، A{?} قرار، A([ابدأ]) شكل استاد.
• sequenceDiagram — المخططات التسلسلية. Alice->>Bob: مرحبًا يرسل رسالة متزامنة؛ Bob-->>Alice: أهلاً هو الرد.
• gantt — مخططات Gantt. أعلن dateFormat ثم صف المهام بتواريخ البدء والمدد.
• classDiagram — مخططات الصفوف. عرّف الصفوف والعلاقات مثل الوراثة Animal <|-- Dog.
• stateDiagram-v2 — آلات الحالة، رائعة لتدفق واجهات المستخدم/الطلبات/خطوط الأنابيب.
• pie — مخططات دائرية عبر أزواج "التسمية" : القيمة.

نصائح عملية

1. أبقِ تسميات العقد قصيرة — التسميات الطويلة تكسر التخطيط.
2. استخدم المخططات الفرعية لتقسيم المخططات المعقدة إلى أجزاء مقروءة.
3. خصص الألوان بـ classDef لقراءة أفضل.
4. أضف %% تعليقات لجعل المصدر قابلًا للصيانة.

عدّل النموذج على اليسار وشاهد المخطط المعروض على اليمين.