مرکزی مواد پر جائیں
LibraTool logoLibraTool

مفت Mermaid ڈایاگرام ایڈیٹر

Mermaid سنٹیکس میں لائیو پریویو کے ساتھ فلو چارٹس، سیکوینس ڈایاگرامز، Gantt چارٹس، اور مزید لکھیں۔ SVG یا PNG کے طور پر برآمد کریں۔ مکمل طور پر آپ کے براؤزر میں چلتا ہے۔

💡 Mermaid سنٹیکس میں ڈایاگرام لکھیں — فلو چارٹ، سیکوینس ڈایاگرام، Gantt چارٹ، کلاس ڈایاگرام اور بہت کچھ — اور SVG یا PNG میں ایکسپورٹ کریں۔ سب کچھ آپ کے براؤزر میں چلتا ہے: آپ کا ڈایاگرام ٹیکسٹ کبھی اپلوڈ نہیں ہوتا، اور Mermaid رینڈرنگ انجن کسی تھرڈ پارٹی CDN کے بجائے اسی سائٹ سے فراہم کیا جاتا ہے۔

عام استعمالات

  • فلو چارٹ بنائیںمتن سے فلو چارٹ بنائیں اور اسے تصویر کے طور پر برآمد کریں۔
  • سیکوینس ڈایاگرام کھینچیںیہ دکھائیں کہ سسٹم یا لوگ وقت کے ساتھ کیسے تعامل کرتے ہیں۔
  • README میں ڈایاگرام شامل کریںایسے ڈایاگرام بنائیں جو GitHub آپ کی README میں قدرتی طور پر چھوڑتا ہے۔
  • Gantt چارٹ بنائیںمتن سے پروجیکٹ ٹائم لائن کو Gantt چارٹ کے طور پر بیان کریں۔
  • کلاس ڈایاگرام بنائیںسافٹ ویئر ڈیزائن کے لیے کلاسز اور ان کے تعلقات کو ڈایاگرام کریں۔

یہ کیسے کام کرتا ہے

Mermaid آپ کو diagrams کو text کے طور پر لکھنے دیتا ہے اور انہیں خودکار طور پر render کرتا ہے - diagrams کو version control میں رکھنے کے لیے بہترین۔ یہ ایک live editor ہے جو جیسے ہی آپ ٹائپ کریں render کرتا ہے۔

  1. 1
    Mermaid engine لوڈ ہوتا ہے
    پہلی بار ٹول استعمال کرنے پر Mermaid لائبریری LibraTool سے لوڈ ہوتی ہے، پھر براؤزر اسے کیش کر لیتا ہے۔
  2. 2
    آپ diagram code لکھتے ہیں
    Flowcharts، sequence diagrams، Gantt charts، class diagrams، pie charts اور مزید - Mermaid کے text syntax کا استعمال کرتے ہوئے۔
  3. 3
    یہ live render کرتا ہے
    آپ کا code parse اور ایک SVG میں آپ کے براؤزر میں render ہوتا ہے جیسے ہی آپ ٹائپ کریں، light اور dark themes کے ساتھ۔
  4. 4
    SVG یا PNG export کریں
    Diagram کو ایک scalable SVG یا ایک 2× PNG کے طور پر ڈاؤن لوڈ کریں docs، slides، یا README میں drop کرنے کے لیے۔

آپ کا diagram code - جو internal systems کو describe کر سکتا ہے - مکمل طور پر براؤزر میں render ہوتا ہے اور کبھی اپ لوڈ نہیں۔

متعلقہ ٹولز

📝

Markdown ایڈیٹر

حقیقی وقت میں Markdown لکھیں اور پریویو کریں۔ ہیڈنگز، بولڈ، اٹیلک، کوڈ بلاکس، ٹیبلز، اور فہرستوں کی حمایت کرتا ہے۔

آزمائیں
🟦

CSS گرڈ جنریٹر

CSS گرڈ کو بصری طور پر ڈیزائن کریں — ٹریکس، یونٹ اور gaps — اور تیار شدہ CSS اور HTML کو کاپی کریں۔

آزمائیں
🌳

ASCII ٹری جنریٹر

انڈینٹ فہرست کو READMEs اور دستاویزات کے لیے صاف فولڈر ٹری (├── └──) میں تبدیل کریں۔ Unicode یا plain-ASCII آؤٹ پٹ۔ مکمل طور پر آپ کے براؤزر میں چلتا ہے۔

آزمائیں

اکثر پوچھے جانے والے سوالات