सभी डायग्राम पर वापस जाएँ

सीक्वेंस डायग्राम

समय के साथ विभिन्न एक्टर्स या सिस्टम के बीच इंटरैक्शन को दस्तावेज़ करें। API डॉक्यूमेंटेशन और सिस्टम डिज़ाइन के लिए आदर्श।

सीक्वेंस डायग्राम क्या है?

सीक्वेंस डायग्राम UML इंटरैक्शन डायग्राम हैं जो दिखाते हैं कि ऑब्जेक्ट या सिस्टम समय के साथ एक दूसरे के साथ कैसे संवाद करते हैं। वे विभिन्न एक्टर्स के बीच संदेश आदान-प्रदान का कालानुक्रमिक क्रम प्रदर्शित करते हैं, जो उन्हें API फ्लो, सिस्टम इंटरैक्शन और बहु-चरणीय प्रक्रियाओं को दस्तावेज़ करने के लिए अमूल्य बनाता है। प्रत्येक प्रतिभागी को एक ऊर्ध्वाधर लाइफलाइन द्वारा दर्शाया जाता है, जिसमें क्षैतिज तीर संदेश आदान-प्रदान दिखाते हैं।

संपादित करें और पूर्वावलोकन करें

Mermaid सिंटैक्स के साथ सीक्वेंस डायग्राम बनाएँ और तुरंत परिवर्तन देखें।

एडिटर
100%

Example

Sequence diagram example

A Mermaid sequence diagram for documenting browser, editor, and renderer interactions.

Mermaid sequence diagram example showing user, editor, renderer, preview, and PNG download messages
Mermaid sequence diagram example showing user, editor, renderer, preview, and PNG download messages

Mermaid code

sequenceDiagram
    participant User
    participant WebApp as Mermaid Editor
    participant Renderer
    User->>WebApp: Paste diagram code
    WebApp->>Renderer: Render Mermaid syntax
    Renderer-->>WebApp: SVG preview
    WebApp-->>User: Download PNG

सामान्य उपयोग

API डॉक्यूमेंटेशन

API एंडपॉइंट्स और उनके इंटरैक्शन फ्लो को दस्तावेज़ करें। क्लाइंट और सर्वर के बीच रिक्वेस्ट-रिस्पॉन्स साइकिल, प्रमाणीकरण फ्लो, एरर हैंडलिंग और डेटा एक्सचेंज को विज़ुअलाइज़ करें।

माइक्रोसर्विसेज़ आर्किटेक्चर

माइक्रोसर्विसेज़, मैसेज क्यू और डेटाबेस के बीच कम्युनिकेशन पैटर्न को मैप करें। वितरित सिस्टम व्यवहार को समझने और एकीकरण समस्याओं को डिबग करने के लिए आवश्यक।

प्रमाणीकरण और प्राधिकरण

OAuth, SAML, या JWT टोकन फ्लो जैसी बहु-चरणीय प्रमाणीकरण प्रक्रियाओं को मॉडल करें। रीडायरेक्ट, टोकन एक्सचेंज और सत्यापन चरणों का अनुक्रम दिखाएँ।

सिस्टम एकीकरण

जटिल एकीकरण परिदृश्यों में विभिन्न सिस्टम कैसे इंटरैक्ट करते हैं, यह विज़ुअलाइज़ करें। वेबहुक कॉलबैक, इवेंट-ड्रिवन आर्किटेक्चर और तृतीय-पक्ष सेवा एकीकरण को दस्तावेज़ करें।

प्रमुख विशेषताएँ

प्रतिभागी प्रबंधन

कई एक्टर्स, सिस्टम या सेवाओं को एलियास और एक्टिवेशन बॉक्स के साथ परिभाषित करें ताकि दिखाया जा सके कि कंपोनेंट कब सक्रिय रूप से प्रोसेसिंग कर रहे हैं।

संदेश प्रकार

स्पष्टता के लिए विभिन्न तीर शैलियों के साथ सिंक्रोनस कॉल, एसिंक्रोनस संदेश, रिटर्न वैल्यू और सेल्फ-कॉल का समर्थन।

नियंत्रण संरचनाएँ

सहज सिंटैक्स के साथ लूप, सशर्त शाखाएँ (alt/else), वैकल्पिक ब्लॉक और समानांतर प्रोसेसिंग को मॉडल करें।

नोट्स और एनोटेशन

संदर्भ प्रदान करने, व्यावसायिक लॉजिक स्पष्ट करने, या एज केस दस्तावेज़ करने के लिए अनुक्रम में किसी भी बिंदु पर व्याख्यात्मक नोट्स जोड़ें।

सर्वोत्तम प्रथाएँ

एक परिदृश्य पर ध्यान दें

प्रत्येक सीक्वेंस डायग्राम को एक ही उपयोग मामले या इंटरैक्शन फ्लो का प्रतिनिधित्व करना चाहिए। सब कुछ मिलाने के बजाय विभिन्न परिदृश्यों के लिए अलग-अलग डायग्राम बनाएँ।

सार्थक नाम उपयोग करें

प्रतिभागियों को स्पष्ट, वर्णनात्मक नाम दें। 'System A' या 'Component 1' जैसे सामान्य लेबल के बजाय वास्तविक सेवा नाम या भूमिका शीर्षक का उपयोग करें।

एरर पथ दिखाएँ

केवल हैप्पी पथ दस्तावेज़ न करें। एरर स्थितियों, टाइमआउट और अपवाद हैंडलिंग के लिए वैकल्पिक फ्लो शामिल करें।

समय ऊपर-से-नीचे रखें

इस परंपरा का पालन करें कि समय ऊपर से नीचे बहता है। पहले के इंटरैक्शन डायग्राम में बाद वाले से ऊपर दिखाई देने चाहिए।

अन्य डायग्राम प्रकार देखें

फ्लोचार्ट

नोड्स और दिशात्मक तीरों के साथ प्रक्रियाओं, वर्कफ़्लो और एल्गोरिदम को विज़ुअलाइज़ करें। व्यावसायिक प्रक्रियाओं और निर्णय ट्री के लिए उपयुक्त।

क्लास डायग्राम

क्लासेस, एट्रिब्यूट्स और रिलेशनशिप के साथ ऑब्जेक्ट-ओरिएंटेड सिस्टम को मॉडल करें। सॉफ्टवेयर आर्किटेक्चर प्लानिंग के लिए आवश्यक।

स्टेट डायग्राम

सिस्टम या एप्लिकेशन में स्टेट ट्रांज़िशन का प्रतिनिधित्व करें। लाइफसाइकिल स्टेट्स और वर्कफ़्लो को मॉडल करने के लिए बढ़िया।

गैंट चार्ट

कार्यों और निर्भरताओं के साथ प्रोजेक्ट टाइमलाइन की योजना बनाएँ और ट्रैक करें। प्रोजेक्ट प्रबंधन और शेड्यूलिंग के लिए उपयुक्त।

ER डायग्राम

एंटिटीज़ और रिलेशनशिप के साथ डेटाबेस स्कीमा डिज़ाइन करें। डेटाबेस मॉडलिंग और डॉक्यूमेंटेशन के लिए आदर्श।

यूज़र जर्नी

टचपॉइंट्स पर यूज़र अनुभवों और इंटरैक्शन को मैप करें। UX डिज़ाइन और कस्टमर जर्नी मैपिंग के लिए उत्कृष्ट।

Git ग्राफ

Git ब्रांचिंग रणनीतियों और कमिट इतिहास को विज़ुअलाइज़ करें। वर्शन कंट्रोल वर्कफ़्लो को समझाने में सहायक।

माइंडमैप

विचारों को व्यवस्थित करें, ब्रेनस्टॉर्म करें और पदानुक्रमिक दृश्य संरचनाएँ बनाएँ। योजना बनाने और ज्ञान मैपिंग के लिए उपयुक्त।

पाई चार्ट

गोलाकार चार्ट के साथ आनुपातिक डेटा वितरण प्रदर्शित करें। प्रतिशत और बाज़ार हिस्सेदारी दिखाने के लिए आदर्श।

टाइमलाइन

समय अक्ष पर कालानुक्रमिक घटनाओं और माइलस्टोन को विज़ुअलाइज़ करें। प्रोजेक्ट इतिहास और रोडमैप के लिए उत्कृष्ट।

कानबन बोर्ड

वर्कफ़्लो चरणों का प्रतिनिधित्व करने वाले कॉलम में कार्यों को व्यवस्थित करें। एजाइल प्रोजेक्ट प्रबंधन और कार्य ट्रैकिंग के लिए उपयुक्त।

क्वाड्रंट चार्ट

तुलना और प्राथमिकता के लिए दो-अक्ष ग्रिड पर आइटम प्लॉट करें। फीचर प्राथमिकता और रणनीतिक विश्लेषण के लिए आदर्श।

सैंकी डायग्राम

आनुपातिक तीरों के साथ नोड्स के बीच प्रवाह मात्रा को विज़ुअलाइज़ करें। ऊर्जा प्रवाह, बजट आवंटन और कन्वर्शन फ़नल के लिए उपयुक्त।

XY चार्ट

अनुकूलन योग्य अक्षों के साथ बार चार्ट और लाइन चार्ट बनाएँ। डेटा विज़ुअलाइज़ेशन और ट्रेंड विश्लेषण के लिए आदर्श।

ब्लॉक डायग्राम

कॉलम और पंक्तियों में व्यवस्थित ब्लॉकों के साथ संरचित लेआउट बनाएँ। सिस्टम आर्किटेक्चर और कंपोनेंट ओवरव्यू के लिए उत्कृष्ट।

आर्किटेक्चर डायग्राम

सर्विस आइकन और कनेक्शन के साथ क्लाउड और सिस्टम आर्किटेक्चर डिज़ाइन करें। इन्फ्रास्ट्रक्चर डॉक्यूमेंटेशन के लिए उपयुक्त।

पैकेट डायग्राम

बिट-स्तरीय फ़ील्ड लेआउट के साथ नेटवर्क प्रोटोकॉल पैकेट संरचनाओं को विज़ुअलाइज़ करें। नेटवर्क प्रोटोकॉल डॉक्यूमेंटेशन के लिए आवश्यक।