Bee Tools-এর ফ্রি অনলাইন Mermaid এডিটর। ফ্লোচার্ট, সিকোয়েন্স, Gantt, ক্লাস ও ER ডায়াগ্রাম সমর্থন করে। লাইভ প্রিভিউ, SVG/PNG এক্সপোর্ট। ১০০% আপনার ব্রাউজারে রেন্ডার হয়।
টেক্সট-ভিত্তিক সিনট্যাক্স দিয়ে পেশাদার ডায়াগ্রাম আঁকুন এবং তাৎক্ষণিক প্রিভিউ দেখুন। যেকোনো ডায়াগ্রাম Mermaid-এর ঘোষণামূলক সিনট্যাক্সে বর্ণনা করুন এবং Bee Tools এটি আপনার ব্রাউজারে স্থানীয়ভাবে একটি স্পষ্ট ভেক্টর গ্রাফিক হিসেবে রেন্ডার করবে। ডকুমেন্ট, স্লাইড ও ব্লগের জন্য PNG বা SVG-তে এক্সপোর্ট করুন।
Mermaid চিট শিট
Mermaid কী
Mermaid ২০১৪ সালে Knut Sveidqvist তৈরি করেছিলেন ডায়াগ্রাম বর্ণনার জন্য একটি ঘোষণামূলক, মার্কডাউন-স্টাইল ভাষা হিসেবে। ড্র্যাগ-অ্যান্ড-ড্রপ টুলের তুলনায়, Mermaid আপনার ডায়াগ্রামগুলোকে ভার্সন-নিয়ন্ত্রিত সোর্স ফাইলে বাঁচতে দেয়।
দ্রুত রেফারেন্স
flowchart TD/LR — ফ্লোচার্ট। A-->B একটি লিংক, A{?} একটি সিদ্ধান্ত, A([Start]) একটি স্টেডিয়াম আকৃতি।
sequenceDiagram — সিকোয়েন্স। Alice->>Bob: Hello একটি সিঙ্ক মেসেজ পাঠায়; Bob-->>Alice: Hi হলো প্রতিক্রিয়া।
gantt — Gantt চার্ট। dateFormat ঘোষণা করুন তারপর শুরুর তারিখ ও সময়কালসহ কাজ বর্ণনা করুন।
classDiagram — ক্লাস ডায়াগ্রাম। ইনহেরিটেন্সের মতো ক্লাস ও সম্পর্ক সংজ্ঞায়িত করুন যেমন Animal <|-- Dog।
stateDiagram-v2 — স্টেট মেশিন, UI/অর্ডার/পাইপলাইন প্রবাহের জন্য দুর্দান্ত।
pie — "লেবেল" : মান জোড়ার মাধ্যমে পাই চার্ট।
বাস্তবিক টিপস
নোড লেবেল ছোট রাখুন — দীর্ঘ লেবেল লেআউট ভেঙে দেয়।
জটিল ডায়াগ্রামকে পাঠযোগ্য টুকরায় ভাঙতে সাবগ্রাফ ব্যবহার করুন।
ভালো পাঠযোগ্যতার জন্য classDef দিয়ে রং কাস্টমাইজ করুন।
সোর্স রক্ষণাবেক্ষণযোগ্য করতে %% কমেন্ট ছড়িয়ে দিন।
বামে নমুনাটি সম্পাদনা করুন এবং ডানে রেন্ডার হওয়া ডায়াগ্রামটি দেখুন।
প্রশ্নোত্তর
Mermaid কী?
Mermaid হল Knut Sveidqvist-এর তৈরি একটি JavaScript-ভিত্তিক ডায়াগ্রামিং ভাষা। মার্কডাউন-সদৃশ টেক্সট ব্যবহার করে এটি ফ্লোচার্ট, সিকোয়েন্স ডায়াগ্রাম, Gantt চার্ট এবং আরও অনেক কিছু তৈরি করে। GitHub, GitLab, Docusaurus ও Obsidian-এ নেটিভ সমর্থন বিল্ট-ইন।
কোন ডায়াগ্রামের ধরন সমর্থিত?
আমরা flowchart, sequenceDiagram, gantt, classDiagram, stateDiagram-v2, pie, erDiagram, gitGraph ও requirementDiagram আউট অফ দ্যা বক্স সমর্থন করি।
আমার ডায়াগ্রাম কি সংরক্ষিত বা আপলোড হয়?
না। অঙ্কন সম্পূর্ণরূপে আপনার ব্রাউজারের ভেতরে ঘটে। ট্যাব বন্ধ করলে সবকিছু মুছে যায়।
SVG/PNG এক্সপোর্ট কি গুণমান হারাবে?
SVG হল ভেক্টর — যেকোনো জুম স্তরে তীক্ষ্ণ। PNG ২× রেজোলিউশনে রাস্টারাইজ হয়, যা বেশিরভাগ ডকুমেন্ট ও স্লাইডের জন্য যথেষ্ট।
Mermaid কীভাবে Markdown-এ এমবেড করব?
কোডটি একটি `mermaid` ফেন্সড ব্লকে মোড়ান। GitHub, GitLab, Hugo, Hexo ও Obsidian এটি স্বয়ংক্রিয়ভাবে রেন্ডার করে।