मोफत Mermaid डायग्राम एडिटर
Mermaid सिंटॅक्समध्ये लाइव्ह पूर्वावलोकनासह फ्लोचार्ट, सिक्वेन्स डायग्राम, गॅन्ट चार्ट आणि बरेच काही लिहा. SVG किंवा PNG म्हणून एक्सपोर्ट करा. पूर्णपणे तुमच्या ब्राउझरमध्ये चालते.
सरकवण्यासाठी ड्रॅग किंवा स्क्रोल करा. झूम करण्यासाठी पिंच करा, किंवा Ctrl + स्क्रोल करा. पूर्वावलोकन उंच करण्यासाठी खालची कडा ओढा.
💡 Mermaid सिंटॅक्समध्ये डायग्राम लिहा — फ्लोचार्ट, सिक्वेन्स डायग्राम, गँट चार्ट, क्लास डायग्राम आणि बरेच काही — आणि SVG किंवा PNG म्हणून एक्सपोर्ट करा. सर्व काही तुमच्या ब्राउझरमध्येच चालते: तुमचा डायग्राम मजकूर कधीही अपलोड होत नाही, आणि Mermaid रेंडरिंग इंजिन तृतीय-पक्ष CDN ऐवजी याच साइटवरून दिले जाते.
हे कसे कार्य करते
Mermaid मुळे तुम्ही डायग्राम मजकूर म्हणून लिहू शकता आणि ते आपोआप रेंडर होतात — व्हर्शन कंट्रोलमध्ये डायग्राम ठेवण्यासाठी उत्तम. हे एक लाइव्ह एडिटर आहे जे तुम्ही टाइप करता तसे रेंडर होते.
- 1Mermaid इंजिन लोड होतेतुम्ही टूल पहिल्यांदा वापरता तेव्हा Mermaid लायब्ररी LibraTool वरून लोड होते, त्यानंतर तुमचा ब्राउझर ती कॅश करतो.
- 2तुम्ही डायग्राम कोड लिहिताफ्लोचार्ट्स, सिक्वेन्स डायग्राम्स, गँट चार्ट्स, क्लास डायग्राम्स, पाय चार्ट्स आणि बरेच काही — Mermaid च्या मजकूर सिंटॅक्सचा वापर करून.
- 3ते लाइव्ह रेंडर होतेतुम्ही टाइप करता तसा तुमचा कोड पार्स होऊन SVG मध्ये रेंडर होतो, तुमच्या ब्राउझरमध्येच, लाइट आणि डार्क थीमसह.
- 4SVG किंवा PNG एक्सपोर्ट कराडॉक्युमेंट्स, स्लाइड्स किंवा README मध्ये टाकण्यासाठी डायग्राम स्केलेबल SVG किंवा 2× PNG म्हणून डाउनलोड करा.
तुमचा डायग्राम कोड — जो अंतर्गत सिस्टीम्स वर्णन करू शकतो — पूर्णपणे तुमच्या ब्राउझरमध्ये रेंडर होतो आणि कधीही अपलोड होत नाही.
संबंधित साधने
Markdown एडिटर
रिअल टाइममध्ये Markdown लिहा आणि पूर्वावलोकन करा. हेडिंग, बोल्ड, इटॅलिक, कोड ब्लॉक, टेबल आणि याद्यांना समर्थन देते.
CSS ग्रिड जनरेटर
CSS ग्रिड दृश्यरूपात डिझाइन करा — ट्रॅक, युनिट्स आणि गॅप्स — आणि तयार केलेले CSS व HTML कॉपी करा.
ASCII ट्री जनरेटर
इंडेंट केलेल्या यादीला README आणि दस्तऐवजांसाठी स्वच्छ फोल्डर ट्री (├── └──) मध्ये बदला. Unicode किंवा प्लेन-ASCII आउटपुट. पूर्णपणे तुमच्या ब्राउझरमध्ये चालते.