Mermaid Viewer के बारे में
यह साइट कौन चलाता है और यह क्यों मौजूद है।
यह क्या है
Mermaid Viewer एक मुफ़्त Mermaid डायग्राम एडिटर है जो सीधे ब्राउज़र में चलता है। आप बाईं ओर Mermaid टेक्स्ट लिखते या चिपकाते हैं, और टाइप करते-करते दाईं ओर रेंडर किया हुआ डायग्राम दिखने लगता है।
रेंडरिंग आपके ब्राउज़र में होती है। आपका डायग्राम न कहीं अपलोड होता है, न सहेजा जाता है, न किसी सर्वर पर प्रोसेस होता है — Mermaid आपकी अपनी मशीन पर JavaScript के रूप में चलता है, और आपकी छोड़ी हुई फ़ाइल स्थानीय रूप से पढ़ी जाती है। इसीलिए यह उन डायग्रामों के लिए भी काम आता है जिन्हें आप किसी क्लाउड टूल में नहीं चिपकाएँगे: आंतरिक आर्किटेक्चर, ऐसे सिस्टम जिनके लेबल में ग्राहकों के नाम हों, या NDA के दायरे में आने वाली कोई भी चीज़।
एक बात छिपाने के बजाय कह देना बेहतर समझता हूँ: अगर आप शेयर लिंक चालू करते हैं, तो डायग्राम URL में ही एन्कोड हो जाता है, और किसी को भेजा गया URL नेटवर्क से होकर जाता है। बाकी सब कुछ आपकी मशीन पर ही रहता है।
यह क्यों बना
मुझे सॉफ़्टवेयर आर्किटेक्चर का दस्तावेज़ीकरण करना था, और मैं चाहता था कि डायग्राम किसी अलग ड्रॉइंग टूल के बजाय रिपॉज़िटरी में, कोड के बगल में रहें। इसके लिए Mermaid ज़ाहिर विकल्प था। जो नहीं था, वह उन्हें देखने का एक ठीक-ठाक तरीका था।
मैंने पहले कोई टूल ढूँढ़ना शुरू नहीं किया। मैंने समस्या को देखा, उसे छोटा माना, और अंदाज़ा लगाया कि थोड़े समय में कुछ साफ़-सुथरा बना सकता हूँ। सो बना लिया — इस परियोजना का पहला कमिट जनवरी 2026 का है।
मैंने इसे अपने लिए बनाया, इससे आगे कुछ नहीं। मैं एक डायग्राम खोलना चाहता था, उसे रेंडर हुआ देखना चाहता था, जिस हिस्से की परवाह थी उसे ज़ूम करना चाहता था, और किसी को एक लिंक भेजना चाहता था। बाकी लोगों ने इसे बाद में खोजा, और उससे यह बदला कि मैं समय कहाँ लगाता हूँ — पर यह नहीं बदला कि यह टूल है क्या।
यह कैसे काम करता है
रेंडरिंग Mermaid करता है। यह साइट उसके इर्द-गिर्द की हर चीज़ है: तुरंत प्रीव्यू वाला लाइव एडिटर, एक स्क्रीन में न समाने वाले डायग्रामों के लिए ज़ूम और पैन, तीन थीम, SVG और PNG एक्सपोर्ट, URL में एन्कोड किए गए शेयर लिंक, .mmd और .mermaid फ़ाइलों के लिए ड्रैग-एंड-ड्रॉप, और 18 भाषाओं में इंटरफ़ेस।
इस्तेमाल मुफ़्त है और इसका खर्च बिना दख़ल देने वाले विज्ञापनों से चलता है।
संपर्क
सवाल और बग रिपोर्ट dominik@malsch.solutions पर भेजें। संचालक का विवरण विधिक सूचना में है।
लेखक: Dominik Malsch · अंतिम अद्यतन: