কীভাবে ব্যবহার করবেন
- ‘টেমপ্লেট যোগ করুন’ থেকে একটি ডায়াগ্রাম বাছুন, অথবা আপনার কাছে থাকা Mermaid কোড পেস্ট করুন।
- বাম দিকে কোড সম্পাদনা করুন। টাইপ করা থামালে প্রিভিউ আবার রেন্ডার হয়, আর সিনট্যাক্সের ত্রুটি তার নিচে দেখা যায়।
- একটি থিম বাছুন, তারপর SVG বা PNG ডাউনলোড করুন, অথবা SVG কোড কপি করুন।
অপশনগুলোর ব্যাখ্যা
- ডায়াগ্রামের ধরন
- টেমপ্লেটে ফ্লোচার্ট, সিকোয়েন্স, ক্লাস, স্টেট ও ER ডায়াগ্রাম, Gantt চার্ট, পাই চার্ট এবং মাইন্ড ম্যাপ রয়েছে। টাইমলাইন, quadrant chart এবং Git graph-এর মতো Mermaid-এর অন্য ধরন সরাসরি লেখা যায়।
- থিম
- বিল্ট-ইন ডিফল্ট, নিরপেক্ষ, ডার্ক এবং ফরেস্ট থিম। নিরপেক্ষ থিম কালো-সাদার কাছাকাছি এবং প্রিন্ট করার জন্য ভালো।
- এক্সপোর্ট
- SVG ভেক্টর ফরম্যাট, তাই গুণমান না হারিয়ে বড় করা যায়। PNG ব্যাকগ্রাউন্ড রঙসহ মূল আকারের দ্বিগুণ মাপে এক্সপোর্ট হয়; চ্যাট অ্যাপ ও স্লাইডের জন্য উপযোগী।
ফ্লোচার্টের সংক্ষিপ্ত নির্দেশিকা
flowchart LR
A[Rectangle] --> B(Rounded)
B --> C{Decision}
C -->|Yes| D[(Database)]
C -.->|No| E((Circle))
TDউপর থেকে নিচে,LRবাম থেকে ডানে-->অবিচ্ছিন্ন রেখার তীর,-.->ডটযুক্ত তীর,==>মোটা তীর,-->|text|লেবেলসহ
সচরাচর জিজ্ঞাসিত প্রশ্ন
আমি কি GitHub-এ Mermaid কোড পেস্ট করতে পারি?
হ্যাঁ। একটি Markdown ফাইল, issue বা comment-এ ```mermaid কোড ব্লকের মধ্যে রাখলে GitHub ডায়াগ্রামটি রেন্ডার করে। GitLab, Notion, Obsidian এবং Typora-ও এটি সমর্থন করে।
আমার কোড কি আপলোড হয়?
না। Mermaid আপনার ব্রাউজারেই রেন্ডার হয়; কোড ও ডায়াগ্রাম কখনও আপনার ডিভাইস ছেড়ে যায় না।
নোডের ভেতরে Markdown ফরম্যাটিং কাজ করে না কেন?
PNG এক্সপোর্ট সম্ভব করতে নোডের লেবেল SVG টেক্সট হিসেবে আঁকা হয়, যা HTML ট্যাগ বা কিছু সমৃদ্ধ টেক্সট ফরম্যাটিং সমর্থন করে না।
গোপনীয়তা
এই টুলটি পুরোপুরি আপনার ব্রাউজারে চলে। আপনার ফাইল ও লেখা আপনার ডিভাইসেই প্রসেস হয় এবং কখনো আমাদের সার্ভারে আপলোড হয় না।