01 / INTRODUCING SCHEMATEX · FREE · OPEN SOURCE · MADE FOR AI
Every diagram a doctor, engineer, or lawyer would actually use.
Schematex draws the 51 diagrams doctors, engineers, and lawyers already draw by hand — clinical genograms, IEC 61131-3 ladder logic, NSGC pedigrees, cap tables. Text DSL in, standards-compliant SVG out.
/ THE FULL SET
All 51 of them. Every one follows a published standard.
Choose any diagram to open its simplest working example in the playground.
02 / DIAGRAMS PROFESSIONALS ACTUALLY USE
The diagrams your doctor, engineer, or lawyer actually uses.
Each diagram family is built for the practitioner who owns it — from a few lines of DSL to the version a domain expert would put in a chart, a memo, or a permit. Every output conforms to a published standard.
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 / WHY
Free. Fully open source. Made for AI.
Generic flowchart tools can't draw professional diagrams. Schematex treats each standard as a first-class citizen — and the whole thing is AGPL-3.0, zero-dep, and designed for LLMs to emit on the first try.
Every diagram type implements a published spec — McGoldrick, IEC 61131-3, IEEE 315, NSGC, Newick. Doctors, engineers, and lawyers already draw these by hand; now they can ship them from code.
No D3, no dagre, no parser generators, no telemetry, no locked features. KB-level bundle, SSR-safe, commercial license available for closed-source use.
Minimal grammars designed around how LLMs actually write text — CJK quotes, nesting ambiguity, AI-readable errors. Paste the output from ChatGPT or Claude and get a professional diagram back, first try.
04 / POSITIONING
Not another flowchart library.
How Schematex compares to the tools people already reach for.
| Tool | 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 | 51 professional families | 51 | ✓ round-trip | ✓ MCP + llms.txt |
05 / QUICKSTART
Install in 10 seconds.
One function, one string in, one SVG out. Works anywhere TypeScript does.
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} />;
}Start with a single string.
Open the playground to render any of 51 diagram types live — or browse the gallery for DSL you can copy, paste, and adapt.
Free & open source — a star helps other developers find it.