Mermaid को SVG में बदलें

Mermaid कोड को असली चौड़ाई और ऊँचाई वाले स्वतंत्र SVG में बदलें। यह किसी भी ज़ूम पर तीखा रहता है, Figma, Illustrator और Inkscape में खुलता है, और वेबसाइट व README फ़ाइलों में आसानी से जुड़ जाता है।

हमेशा फ्री · आपके डिवाइस पर चलता है · 0 बाइट अपलोड

एक .mmd फ़ाइल चुनें या इसे यहाँ ड्रॉप करें · यह डिवाइस कभी नहीं छोड़ती

Mermaid कोड इस रूप में सेव करें PNG साइज़ थीम पारदर्शी बैकग्राउंड

Mermaid से SVG का इस्तेमाल कैसे करें

अपना Mermaid कोड पेस्ट करें, या कोई .mmd या .md फ़ाइल चुनें।
थीम चुनें, और चाहें तो पारदर्शी बैकग्राउंड।
“SVG बनाएँ” पर क्लिक करें, प्रीव्यू देखें और डाउनलोड करें।

इनके लिए भी बढ़िया

Mermaid से SVG बनाएँ
Mermaid डायग्राम SVG में एक्सपोर्ट कैसे करें
Mermaid SVG डाउनलोड
Figma के लिए Mermaid डायग्राम
Mermaid चार्ट को वेक्टर इमेज में बदलें

Mermaid उदाहरण, जिनसे शुरू कर सकते हैं

flowchart

flowchart TD
    Start([Order placed]) --> Pay{Paid?}
    Pay -->|Yes| Ship[Pack and ship]
    Pay -->|No| Remind[Send a reminder]
    Remind --> Pay
    Ship --> Done([Delivered])

sequenceDiagram

sequenceDiagram
    participant U as User
    participant A as App
    participant S as Server
    U->>A: Log in
    A->>S: Check password
    S-->>A: OK
    A-->>U: Welcome back

classDiagram

classDiagram
    class Customer {
      +String name
      +String email
    }
    class Order {
      +String id
      +Date placedAt
      +total() Number
    }
    Customer "1" --> "*" Order : places

erDiagram

erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE_ITEM : contains
    PRODUCT ||--o{ LINE_ITEM : "appears in"

gantt

gantt
    title Website launch
    dateFormat YYYY-MM-DD
    section Build
    Design      :a1, 2025-01-06, 5d
    Development :a2, after a1, 10d
    section Launch
    Testing     :after a2, 4d

pie

pie title Where the week goes
    "Coding" : 45
    "Meetings" : 30
    "Reviews" : 15
    "Email" : 10

डिज़ाइन से ही प्राइवेट — और आप खुद जाँच सकते हैं

आपकी फ़ाइलें कभी अपलोड नहीं होतीं, क्योंकि उन्हें अपलोड करने के लिए कोई जगह ही नहीं है।

अपलोड जैसा कोई स्टेप ही नहीं हैफ़ाइलें इसी ब्राउज़र टैब के अंदर पढ़ी और लिखी जाती हैं। इन्हें पाने वाला कोई सर्वर मौजूद ही नहीं है।
ब्राउज़र खुद इसे लागू करता हैइस पेज की Content Security Policy सिर्फ़ इसी साइट से कनेक्शन की इजाज़त देती है, और यह साइट सिर्फ़ ऐप को ही सर्व करती है।
खुद देख लेंडेवलपर टूल्स खोलें, Network टैब देखें और कोई काम चलाएँ: कोई भी रिक्वेस्ट आपका डॉक्यूमेंट नहीं ले जाती।
ओपन सोर्सहर लाइन GitHub पर मौजूद है, qpdf, pdf.js & pdf-lib पर बनी हुई।

अक्सर पूछे जाने वाले सवाल

क्या मेरी फ़ाइलें कहीं अपलोड होती हैं?

नहीं। Fizzdoc यह काम आपके ब्राउज़र टैब के अंदर ही करता है, ओपन-सोर्स इंजन की मदद से जो WebAssembly और JavaScript में कंपाइल किए गए हैं। आपकी फ़ाइल आपके डिवाइस से पढ़ी जाती है, लोकली प्रोसेस होती है, और नतीजा सीधे आपके डिवाइस पर सेव हो जाता है। आप खुद चेक कर सकते हैं: अपने ब्राउज़र के डेवलपर टूल्स खोलें, Network टैब पर जाएँ और कोई काम चलाएँ — कोई भी रिक्वेस्ट आपकी फ़ाइल नहीं ले जाती।

क्या मैं SVG को बाद में एडिट कर सकता हूँ?

हाँ। टेक्स्ट असली टेक्स्ट रहता है और आकार वेक्टर पाथ, इसलिए Figma, Illustrator, Inkscape और ज़्यादातर डिज़ाइन टूल इसे खोलकर एडिट कर सकते हैं।

क्या SVG को वेबसाइट पर लगाना सुरक्षित है?

Mermaid स्ट्रिक्ट मोड में चलता है, जो लेबल से स्क्रिप्ट और क्लिक हैंडलर हटा देता है, इसलिए SVG में सिर्फ़ ड्रॉइंग और उसकी स्टाइल होती है।

क्या Fizzdoc मुफ़्त है?

हाँ, और यह हमेशा फ्री रहेगा: कोई साइन-अप नहीं, कोई वॉटरमार्क नहीं, कोई डेली लिमिट नहीं और कोई प्रीमियम प्लान नहीं। Fizzdoc, Apache-2.0 लाइसेंस के तहत ओपन सोर्स है, इसलिए कोई भी अपनी खुद की कॉपी चला सकता है।