सॉफ़्टवेयर असाइनमेंट के लिए एक सीक्वेंस डायग्राम का प्रीव्यू करें, सिंटैक्स की जाँच करने के लिए प्रदर्शित पार्सर फ़ीडबैक का उपयोग करें, और रिपोर्ट के लिए रेंडर किए गए परिणाम को एक्सपोर्ट करें।
सीक्वेंस डायग्राम
अध्ययन वर्कफ़्लो
Mermaid कोड पेस्ट करके ऑनलाइन Mermaid डायग्राम प्रीव्यू करें। सिंटैक्स वैलिडेशन, थीम स्विचिंग, और SVG या PNG एक्सपोर्ट के साथ फ्लोचार्ट, सीक्वेंस डायग्राम, क्लास डायग्राम, गैंट चार्ट आदि को तुरंत रेंडर करें।

संपादक (editor) में Mermaid सिंटैक्स पेस्ट करें या कोई उदाहरण लोड करें। एक थीम चुनें और यदि आप रेंडर करने से पहले कोड को पुनर्गठित करना चाहते हैं, तो फ़ॉर्मेटिंग कंट्रोल का उपयोग करें।

सोर्स के बगल में Mermaid प्रीव्यू को रेंडर करें। यदि पार्सिंग विफल हो जाती है, तो प्रदर्शित त्रुटि और लाइन संदर्भ पढ़ें, सिंटैक्स अपडेट करें और फिर से रेंडर करें。

डायग्राम की जाँच करें और इसे स्केलेबल उपयोग के लिए SVG के रूप में या दस्तावेज़ों, स्लाइडों, वेबसाइटों या नोट्स में तुरंत लगाने के लिए PNG के रूप में एक्सपोर्ट करें।
स्थानीय संपादक सेट किए बिना टेक्स्ट सिंटैक्स को विज़ुअल प्रीव्यू में बदलने के लिए इस Mermaid ऑनलाइन व्यूअर का उपयोग करें। Mermaid संपादक सोर्स और प्रीव्यू को एक साथ रखता है ताकि आप रेंडर किए गए स्ट्रक्चर के साथ कोड में हुए बदलावों की तुलना कर सकें।
अभी शुरू करें
जब समर्थित Mermaid कोड पार्स नहीं होता है, तो व्यूअर एक त्रुटि (error) स्थिति और लाइन संदर्भ प्रदर्शित करता है। संबंधित परिभाषा का पता लगाने, उसे संशोधित करने और डायग्राम को फिर से रेंडर करने के लिए उस फ़ीडबैक का उपयोग करें।
अभी शुरू करें
समर्थित Mermaid फ्लोचार्ट, सीक्वेंस डायग्राम, क्लास डायग्राम, स्टेट डायग्राम, गैंट चार्ट और अन्य डायग्राम परिभाषाओं का प्रीव्यू देखें। दस्तावेज़ीकरण (documentation) या प्रेजेंटेशन में समान संरचना कैसी दिखेगी, इसकी तुलना करने के लिए थीम बदलें।
अभी शुरू करें
Mermaid प्रीव्यू रेंडर होने के बाद, स्केलेबल ग्राफ़िक की आवश्यकता होने पर SVG डाउनलोड करें, या जब आपको एक परिचित रास्टर इमेज चाहिए हो तो PNG डाउनलोड करें। एक्सपोर्ट की गई फ़ाइल को तकनीकी दस्तावेज़ों, प्रोजेक्ट प्लान, रिपोर्ट, पाठों या ब्लॉग पोस्ट में जोड़ें।
अभी शुरू करें