مُعرض مخطط Mermaid

مُعرض مخطط Mermaid

لصق كود ميرماد.js وشاهد مخططًا تفاعليًا فوريًا يمكنك نسخه أو تحميله. يدعم مخططات تدفق، مخططات تسلسل، مخططات جانت، مخططات دائرة، مخططات فئة، مخططات العلاقات، وآخرين — كلها تُعرض بجهازك بسلاسة دون الحاجة إلى خوادم أو حسابات أو تثبيت.

يرجع ميرماد إلى "مخططات كأكواد": يعيش مخططك بجانب بقية مشروعك كنص بسيط، لكن البشر يحتاجون إلى مُعرض لرؤية الصورة. هذا الأداة تملأ الفجوة — أضف أي مقطع ميرماد، اختر ألوان المظهر، وقم بتصدير النتيجة كـ SVG أو PNG.

كيفية استخدام

1. أدخل كود ميرماد الخاص بك إلى المحرر — أو اضغط مخطط تدفق, السلسلة, جانت, مخطط دائري، أو فصل لتحميل مثال ابتدائي.
2. اختر مظهر (الافتراضي، المظلم، الغابة، المعتدل، الأساس) ونوع خلفية (شفافة، بيضاء، أخضارية، مظلمة) لتتناسب مع عرضك أو وثيقة.
3. شاهد المخطط يتحديث بسرعة أثناء الكتابة. إذا كان هناك خطأ في سلوك الكود، ستحصل على رسالة خطأ محددة مباشرة تحت التسجيل.
4. عندما يناسب المخطط، اضغط تنزيل SVG للحصول على مخطط متجانس بحجم مثالي، تنزيل PNG للحصول على صورة مصغرة، أو ينسخ للحصول على مصدر SVG للاستدلال.

خصائص

• العرض المباشر – يتم إعادة تطوير المخطط أثناء التعديل، مع تأجيل لضمان سلاسة المخططات الكبيرة.
• جميع أنواع ميرماد الرائدة – مخططات تدفق، تسلسل، جانت، دائري، فئة، علاقات، حالة، رحلة، وجميع أنواع السينتاكس التي تدعمها ميرماد v11.
• أربعة مظهرات مدمجة – افتراضي، مظلم، غابة، معتدل، وأساس، بالإضافة إلى خلفيات عرض قابلة للتعديل للشفافية، البيضاء، الخفيفة أو المظلمة.
• تصدير SVG وPNG – احصل على ملف SVG مفصّل أو صورة PNG بحجم مزدوج دون مغادرة الصفحة.
• مصدر SVG جاهز للنسخ – احصل على النص الأصلي للاستفادة من وضعه في وثيقة أو مذكرة أو صفحة ويب.
• إبلاغ عن الأخطاء مباشرة – تظهر أخطاء سينتاكس ميرماد بوضوح، مما يسمح لك بتصحيحها خلال ثوانٍ.
• الخصوصية أولًا – كل شيء يعمل في متصفحك. لا يُرسل المخططات إلى خوادمنا.