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

अपने टेक्स्ट छोड़े बिना आर्किटेक्चर, फ़्लो और डेटा दस्तावेज़ित करें। markdowneditor Mermaid, Graphviz DOT और Vega-Lite चार्ट को सीधे प्रीव्यू में रेंडर करता है।

```mermaid
flowchart LR
  A[Markdown] --> B[Preview]
```

```dot
digraph { a -> b -> c }
```

Mermaid डायग्राम

फ़्लोचार्ट, सीक्वेंस डायग्राम, क्लास डायग्राम, स्टेट डायग्राम, ER डायग्राम, गैंट चार्ट और अधिक fenced कोड ब्लॉक से रेंडर होते हैं। कोई डायग्रामिंग टूल नहीं, कोई एक्सपोर्ट नहीं, सिर्फ़ टेक्स्ट।

Graphviz DOT

fenced ब्लॉक में dot, neato, circo, twopi, fdp, osage या patchwork लेआउट लिखें और ग्राफ़ उसी जगह रेंडर होता है, ब्राउज़र-आधारित Graphviz WASM बिल्ड द्वारा संचालित।

Vega-Lite चार्ट

घोषणात्मक JSON स्पेसिफ़िकेशन आपकी गद्य के साथ उसी दस्तावेज़ में प्रकाशन-गुणवत्ता चार्ट बनाते हैं, टेक्स्ट और डेटा मिलाने वाली रिपोर्ट और दस्तावेज़ीकरण के लिए उपयोगी।

लोकली रेंडर

डायग्राम इंजन आपके ब्राउज़र में चलते हैं। स्रोत टेक्स्ट और रेंडर किया गया आउटपुट कभी आपके डिवाइस से बाहर नहीं जाते, और ऐप इंस्टॉल होने के बाद सब कुछ ऑफ़लाइन काम करता है।