বিনামূল্যে Mermaid ডায়াগ্রাম এডিটর
লাইভ প্রিভিউসহ Mermaid সিনট্যাক্সে ফ্লোচার্ট, সিকোয়েন্স ডায়াগ্রাম, Gantt চার্ট এবং আরও অনেক কিছু লিখুন। SVG বা PNG হিসেবে এক্সপোর্ট করুন। সম্পূর্ণ ব্রাউজারেই চলে।
সরাতে টানুন বা স্ক্রল করুন। জুম করতে পিঞ্চ করুন বা Ctrl + স্ক্রল করুন। প্রিভিউ লম্বা করতে নিচের কিনারা টানুন।
💡 Mermaid সিনট্যাক্সে ডায়াগ্রাম লিখুন — ফ্লোচার্ট, সিকোয়েন্স ডায়াগ্রাম, গ্যান্ট চার্ট, ক্লাস ডায়াগ্রাম ও আরও অনেক কিছু — এবং SVG বা PNG হিসেবে এক্সপোর্ট করুন। সবকিছু আপনার ব্রাউজারেই চলে: আপনার ডায়াগ্রামের লেখা কখনও আপলোড হয় না, আর Mermaid রেন্ডারিং ইঞ্জিন কোনো তৃতীয় পক্ষের CDN থেকে নয়, এই সাইট থেকেই আসে।
সাধারণ ব্যবহার
- একটি ফ্লোচার্ট তৈরি করুনপাঠ্য থেকে একটি ফ্লোচার্ট তৈরি করুন এবং এটি একটি ছবি হিসাবে রপ্তানি করুন।
- একটি ক্রম চিত্র আঁকুনকীভাবে সিস্টেম বা মানুষ সময়ের সাথে ইন্টারঅ্যাক্ট করে তা চিত্রিত করুন।
- README এ একটি চিত্র যোগ করুনচিত্র তৈরি করুন যা GitHub আপনার README তে নেটিভভাবে রেন্ডার করে।
- একটি গ্যান্ট চার্ট তৈরি করুনএকটি প্রকল্পের সময়সীমা পাঠ্য থেকে একটি গ্যান্ট চার্ট হিসাবে রাখুন।
- একটি ক্লাস ডায়াগ্রাম তৈরি করুনসফ্টওয়্যার ডিজাইনের জন্য ক্লাস এবং তাদের সম্পর্ক চিত্রিত করুন।
কিভাবে কাজ করে
Mermaid আপনাকে ডায়াগ্রামগুলি পাঠ্য হিসাবে লিখতে এবং স্বয়ংক্রিয়ভাবে রেন্ডার করতে দেয় — ডায়াগ্রামগুলি সংস্করণ নিয়ন্ত্রণে রাখার জন্য দুর্দান্ত। এটি একটি লাইভ সম্পাদক যা আপনি টাইপ করার সাথে সাথে রেন্ডার করে।
- 1Mermaid ইঞ্জিন লোড হয়প্রথমবার টুলটি ব্যবহার করলে Mermaid লাইব্রেরি LibraTool থেকে লোড হয়, তারপর আপনার ব্রাউজার এটি ক্যাশ করে রাখে।
- 2আপনি ডায়াগ্রাম কোড লিখেনফ্লোচার্ট, সিকোয়েন্স ডায়াগ্রাম, গ্যান্ট চার্ট, ক্লাস ডায়াগ্রাম, পাই চার্ট এবং আরও অনেক কিছু — Mermaid এর পাঠ্য সিনট্যাক্স ব্যবহার করে।
- 3এটি লাইভ রেন্ডার করেআপনার কোড পার্স করা হয় এবং আপনি টাইপ করার সাথে সাথে আপনার ব্রাউজারে একটি SVG-তে রেন্ডার করা হয়, হালকা এবং অন্ধকার থিম সহ।
- 4SVG বা PNG রপ্তানি করুনডায়াগ্রামটি একটি স্কেলেবল SVG বা 2× PNG হিসাবে ডাউনলোড করুন ডক্স, স্লাইড বা README তে ড্রপ করতে।
আপনার ডায়াগ্রাম কোড — যা অভ্যন্তরীণ সিস্টেম বর্ণনা করতে পারে — সম্পূর্ণভাবে আপনার ব্রাউজারে রেন্ডার করা হয় এবং কখনই আপলোড করা হয় না।
সম্পর্কিত টুলস
Markdown এডিটর
রিয়েল টাইমে Markdown লিখুন ও প্রিভিউ করুন। শিরোনাম, বোল্ড, ইটালিক, কোড ব্লক, টেবিল এবং তালিকা সমর্থন করে।
CSS গ্রিড জেনারেটর
একটি CSS গ্রিড ভিজ্যুয়ালি ডিজাইন করুন — ট্র্যাক, ইউনিট এবং গ্যাপ — এবং তৈরি CSS এবং HTML কপি করুন।
ASCII ট্রি জেনারেটর
ইন্ডেন্টেড তালিকাকে README ও ডকুমেন্টের জন্য পরিষ্কার ফোল্ডার ট্রি-তে (├── └──) রূপান্তর করুন। ইউনিকোড বা সাধারণ ASCII আউটপুট। সম্পূর্ণ ব্রাউজারেই চলে।