आरेख प्रणाली

4 min read

फ्लोचार्ट्स, यूएमएल आरेख, नेटवर्क आरेख बनाएं और स्मार्ट कनेक्टर के साथ किसी भी दृश्य तत्वों को कनेक्ट करें।.

[Diagram Flowchart] (…/images/diagram-flowchart.png)

अवलोकन

आरेख प्रणाली प्रदान करती है:

*Diagram Shapes - Flowchart, UML, और नेटवर्क प्रतीक
स्मार्ट कनेक्टर्स - ऑटो रूटिंग तीर जो आकृतियों के चलते अपडेट होते हैं
** कनेक्ट कुछ भी* - किसी भी कैनवास आइटम (images, टेक्स्ट, शेप्स, SVGs) को लिंक करें
** ऑटो लेआउट* - स्वचालित रूप से आरेख की व्यवस्था

आरेख पैनल तक पहुंचना

बाईं टूलबार में *Diagram बटन पर क्लिक करें
आरेख पैनल उपलब्ध आकृतियों को प्रदर्शित करता है

[Diagram Panel] (…/images/diagram-panel-shapes.png)

आरेख आकार बनाना

पैनल से

आरेख पैनल खोलें
एक आकार श्रेणी चुनें (फ्लोचार्ट, यूएमएल, नेटवर्क, बेसिक)
इसे कैनवास में जोड़ने के लिए एक आकार पर क्लिक करें
स्थिति में खींचें

आकार

श्रेणी	आकृति	उपयोग के लिए
फ्लोचार्ट	प्रक्रिया, निर्णय, टर्मिनल, डेटा, दस्तावेज़, डेटाबेस	फ्लोचार्ट्स, वर्कफ़्लो
UML	क्लास, यूज़ केस, अभिनेता	सॉफ्टवेयर आरेख
नेटवर्क	क्लाउड, सर्वर	आर्किटेक्चर आरेख
मूल	आयत, सर्कल, त्रिभुज, स्टार	सामान्य प्रयोजन

कनेक्टिंग आइटम

क्विक कनेक्ट (कोई भी आइटम)

स्रोत आइटम चुनें
Shift पकड़ो और लक्ष्य आइटम पर क्लिक करें
कनेक्टर स्वचालित रूप से बनाया गया है

कनेक्ट मोड का उपयोग करना

आरेख पैनल में ** कनेक्ट * (या प्रेस C) पर क्लिक करें
स्रोत वस्तु के बंदरगाह (नीले सर्कल) पर क्लिक करें
लक्ष्य वस्तु के बंदरगाह पर खींचें
सम्पर्क करने का विवरण

[कनेक्ट कुछ भी] (…/images/diagram-connect-anything.png)

किसी भी आइटम के साथ काम करता है

कनेक्टर आरेख आकार तक सीमित नहीं हैं। कनेक्ट:

छवियाँ और आयातित SVG
पाठ तत्व
कस्टम आकार (वृत्त, सितारे, आयत)
जेनरेटर-निर्मित तत्व

कनेक्टर शैलियाँ

रूटिंग स्टाइल

शैली	विवरण	सर्वश्रेष्ठ
प्रत्यक्ष	सीधी रेखा	सरल कनेक्शन
ऑर्थोगोनल	समकोण पथ	तकनीकी आरेख
घुमावदार	चिकना bezier वक्र	कार्बनिक लेआउट

एरोहेड शैलियाँ

शैली	दिखावट
क्लासिक	भरा त्रिकोण
स्तोत्र	डच के साथ डायमंड
तीव्र	विस्तारित बिंदु
खुला	V-आकार की रूपरेखा
हीरा	हीरा आकार
सर्कल	भरा हुआ सर्कल
कोई नहीं	कोई तीरहेड नहीं

[कनेक्टर शैलियाँ] (…/images/diagram-connector-styles.png)

ऑटो लेआउट

स्वचालित रूप से अपने आरेख की व्यवस्था:

आकृतियों को व्यवस्थित करने के लिए चुनें (या सभी के लिए कोई नहीं चुनें)
** ऑटो लेआउट*
एक लेआउट एल्गोरिदम चुनें

लेआउट प्रकार

लेआउट	विवरण	सर्वश्रेष्ठ
पदानुक्रम	स्तरित टॉप-टू-बॉटम	फ्लोचार्ट्स, ऑर्ग चार्ट
पेड़	माता-पिता-पिता का पदानुक्रम	परिवार के पेड़, फ़ाइल संरचना
रेडियल	गाढ़ा घेरा	मन के नक्शे
ग्रिड	नियमित ग्रिड	आविष्कार, दीर्घाओं
सेना निर्देशित	भौतिकी आधारित	नेटवर्क आरेख

[ऑटो लेआउट] (…/images/diagram-auto-layout.png)

आरेख उदाहरण

फ्लोचार्ट

[Flowchart] (…/images/diagram-flowchart.png)

सरल प्रक्रिया प्रवाह:

स्टार्ट / एंड के लिए टर्मिनल आकार
कार्रवाई के लिए प्रक्रिया आकार
परिस्थितियों के लिए निर्णय हीरे
ऑर्थोगोनल कनेक्टर

नेटवर्क आरेख

[नेटवर्क आरेख] (…/images/diagram-network.png)

एक नेटवर्क वास्तुकला दिखाना:

इंटरनेट के लिए क्लाउड आकार
बुनियादी ढांचे के लिए सर्वर आकार
आंतरिक लिंक के लिए Dashed कनेक्टर्स

UML उपयोग प्रकरण

[UML आरेख] (…/images/diagram-uml-usecase.png)

एक उपयोग के मामले आरेख के साथ:

अभिनेता छड़ी आंकड़ा
मामले का उपयोग करें
एसोसिएशन कनेक्टर्स

एनिमेटेड कनेक्टर्स

एनिमेटेड प्रवाह के लिए “बोल्ट” प्रभाव जोड़ें:

एक कनेक्टर चुनें
गुण में ** बोल्ट प्रभाव* सक्षम करें
सेटिंग समायोजित करें:
- ** रंग* - बोल्ट रंग
- *Speed - एनिमेशन गति
- ** आकार* — बोल्ट का आकार

बोल्ट कनेक्टर के साथ यात्रा करते हैं, डेटा प्रवाह दिशा दिखाते हैं।.

टिप्स

आरेख सुझाव:

तकनीकी आरेखों के लिए ऑर्थोगोनल रूटिंग का उपयोग करें
कार्बनिक, मन-मैप शैलियों के लिए घुमावदार रूटिंग का उपयोग करें
सभी आकार जोड़ने के बाद ऑटो लेआउट लागू करें
स्नैप-टू-ग्रिड के लिए ड्रैग करते समय Shift पकड़ो

कीबोर्ड शॉर्टकट

कुंजी	कार्रवाई
`C`	कनेक्ट मोड दर्ज करें
`Escape`	एक्सिट कनेक्ट मोड
`Delete`	चयनित कनेक्टर / आकार को हटाएं