01 / SCHEMATEX से परिचय · मुफ़्त · ओपन सोर्स · AI के लिए बनाया
वे सभी डायग्राम जो डॉक्टर, इंजीनियर और वकील वास्तव में उपयोग करते हैं।
Schematex उन 50 डायग्रामों को बनाता है जो डॉक्टर, इंजीनियर और वकील पहले से हाथ से बना रहे हैं — क्लिनिकल जेनोग्राम, IEC 61131-3 लैडर लॉजिक, NSGC पेडिग्री, कैप टेबल। टेक्स्ट DSL इनपुट, मानक-अनुरूप SVG आउटपुट।
/ THE FULL SET
All 50 of them. Every one follows a published standard.
Choose any diagram to open its simplest working example in the playground.
02 / पेशेवर वास्तव में जो डायग्राम उपयोग करते हैं
वे डायग्राम जो आपके डॉक्टर, इंजीनियर या वकील वास्तव में उपयोग करते हैं।
प्रत्येक डायग्राम परिवार उस व्यवसायी के लिए बनाया गया है जो उसका स्वामी है — DSL की कुछ पंक्तियों से लेकर उस संस्करण तक जो एक विशेषज्ञ किसी चार्ट, मेमो या परमिट में डालेगा। प्रत्येक आउटपुट एक प्रकाशित मानक का पालन करता है।
Three-generation family medical history genogram with multi-condition color annotations using fill zones — heart disease, diabetes, cancer, hypertension.
Three-generation hemophilia A pedigree showing X-linked recessive inheritance with carrier females and affected males per NSGC clinical notation.
Ecomap charting a client's recovery support network — AA group, family, probation, and therapist — with relationship strength and directional connections.
Classic three-wire motor start/stop seal-in circuit in IEC 61131-3 ladder logic — the foundational pattern taught in every PLC certification course.
Single-line diagram for a utility + emergency generator ATS transfer system feeding critical loads on a 480 V bus — per IEEE 315 for facility design review.
1-bit full adder built from XOR, AND, and OR gates — the foundational building block of every arithmetic logic unit, from a functional description.
Cross-border tax holding structure with Irish IP company, Dutch distribution, and APAC entity — per OECD BEPS transfer-pricing documentation requirements.
Ishikawa fishbone for a website traffic drop — six causal categories covering content, technical SEO, backlinks, UX, competition, and algorithm changes.
Moreno sociogram of classroom playground dynamics — mutual friendships, one-way choices, and peer conflicts mapped by gender group using force-directed layout.
03 / क्यों
मुफ़्त। पूरी तरह ओपन सोर्स। AI के लिए बनाया गया।
सामान्य फ़्लोचार्ट टूल पेशेवर डायग्राम नहीं बना सकते। Schematex प्रत्येक मानक को प्रथम श्रेणी का दर्जा देता है — और पूरा सिस्टम AGPL-3.0, शून्य निर्भरता, और LLM के लिए पहले प्रयास में सही आउटपुट देने के लिए डिज़ाइन किया गया है।
प्रत्येक डायग्राम प्रकार एक प्रकाशित विशिष्टता को लागू करता है — McGoldrick, IEC 61131-3, IEEE 315, NSGC, Newick। डॉक्टर, इंजीनियर और वकील पहले से इन्हें हाथ से बना रहे हैं; अब वे इन्हें कोड से जनरेट कर सकते हैं।
D3 नहीं, dagre नहीं, पार्सर जेनरेटर नहीं, टेलीमेट्री नहीं, लॉक्ड फीचर नहीं। KB-स्तरीय बंडल, SSR-सुरक्षित, बंद-स्रोत उपयोग के लिए वाणिज्यिक लाइसेंस उपलब्ध।
न्यूनतम व्याकरण जो LLM के वास्तविक टेक्स्ट लिखने के तरीके के अनुसार डिज़ाइन की गई है — CJK उद्धरण, नेस्टिंग अस्पष्टता, AI-पठनीय त्रुटियाँ। ChatGPT या Claude का आउटपुट पेस्ट करें और पहले प्रयास में एक पेशेवर डायग्राम पाएं।
04 / स्थिति
यह सिर्फ़ एक और फ़्लोचार्ट लाइब्रेरी नहीं है।
Schematex की तुलना उन टूल्स से जो लोग पहले से उपयोग करते हैं।
| टूल | Domain | Standards-compliant types | Edit the render, keep the source | AI-friendly |
|---|---|---|---|---|
| Mermaid | General flow/UML | — | ✗ text only | partial |
| D2 | General diagrams | — | ✗ text only | partial |
| draw.io / Excalidraw | Freeform canvas | — | ✗ canvas only, no source | ✗ |
| PlantUML | UML | UML subset | ✗ text only | — |
| schematex | 50 professional families | 50 | ✓ round-trip | ✓ MCP + llms.txt |
05 / त्वरित शुरुआत
10 सेकंड में इंस्टॉल करें।
एक फ़ंक्शन, एक स्ट्रिंग इनपुट, एक SVG आउटपुट। जहाँ भी TypeScript चलता है, वहाँ काम करता है।
npm install schemateximport { render } from 'schematex';
const svg = render(`
genogram "Smiths"
john [male, 1950]
mary [female, 1952]
john -- mary
alice [female, 1975, index]
`);import { render } from 'schematex';
export default function Page() {
const svg = render(dsl);
return <div dangerouslySetInnerHTML={{ __html: svg }} />;
}'use client';
import { useState } from 'react';
import { InteractiveSchematexDiagram } from 'schematex/react';
export function DiagramEditor({ initialDsl }: { initialDsl: string }) {
const [dsl, setDsl] = useState(initialDsl);
return <InteractiveSchematexDiagram value={dsl} onChange={setDsl} />;
}एक स्ट्रिंग से शुरुआत करें।
Playground खोलें और 50 डायग्राम प्रकारों में से किसी को भी लाइव रेंडर करें — या गैलरी में DSL देखें जिसे आप कॉपी, पेस्ट और अनुकूलित कर सकते हैं।
मुफ़्त और ओपन सोर्स — एक स्टार दूसरे डेवलपर्स को इसे खोजने में मदद करता है।