Schematex

01 / INTRODUCING SCHEMATEX · FREE · OPEN SOURCE · MADE FOR AI

Every diagram a doctor, engineer, or lawyer would actually use.

Schematex draws the 45 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.

genogram·§ McGoldrick 2020
Genogram: Medical History Genogram diagram with 7 individuals across 3 generations Medical History Grandfather (1930-1990) 60 Grandmother (1935) Father (1960) Mother (1962) Uncle (1963) Patient (1988) Sister (1991) Grandfather (1930–1990) Grandmother (b. 1935) Father (b. 1960) Mother (b. 1962) Uncle (b. 1963) Patient (b. 1988) Sister (b. 1991) SYMBOLS Deceased CONDITIONS Heart Disease Diabetes Cancer Hypertension MARKERS Index person (focal subject)
UTF-8 · LF · 10 lines · 550 chars✓ parsed·13.6 KB SVG
McGoldrick 2020IEC 61131-3IEEE 315ANSI Y32.2Newick / NHXNSGC pedigreeMoreno sociometryIshikawa 1968WaveDromISO 5807PRISMA 2020OMG BPMN 2.0UML 2.5.1PMI PMBOK 7Chen 1976IEC 60617McGoldrick 2020IEC 61131-3IEEE 315ANSI Y32.2Newick / NHXNSGC pedigreeMoreno sociometryIshikawa 1968WaveDromISO 5807PRISMA 2020OMG BPMN 2.0UML 2.5.1PMI PMBOK 7Chen 1976IEC 60617

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.

genogram·§ McGoldrick 2020
Genogram: Medical History Genogram diagram with 7 individuals across 3 generations Medical History Grandfather (1930-1990) 60 Grandmother (1935) Father (1960) Mother (1962) Uncle (1963) Patient (1988) Sister (1991) Grandfather (1930–1990) Grandmother (b. 1935) Father (b. 1960) Mother (b. 1962) Uncle (b. 1963) Patient (b. 1988) Sister (b. 1991) SYMBOLS Deceased CONDITIONS Heart Disease Diabetes Cancer Hypertension MARKERS Index person (focal subject)
For the clinical social worker
Multi-generation medical history

Three-generation family medical history genogram with multi-condition color annotations using fill zones — heart disease, diabetes, cancer, hypertension.

→ open in playground
pedigree·§ NSGC
Hemophilia A Pedigree chart with 10 individuals across 3 generations I II III I-1 I-2 (carrier-x) II-5 II-2 (carrier-x) II-1 (affected) II-3 II-4 III-1 (affected) III-2 (carrier-x) III-3 I-1 I-2 II-5 II-2 II-1 II-3 II-4 III-1 III-2 III-3 GENETIC STATUS Affected X-linked carrier
For the genetic counselor
Hemophilia A (X-linked recessive)

Three-generation hemophilia A pedigree showing X-linked recessive inheritance with carrier females and affected males per NSGC clinical notation.

→ open in playground
ecomap·§ Hartman 1978
Ecomap Ecomap diagram with 9 external systems James Age 28 AA Group Bill (Sponsor) Warehouse Job Mom Ex-wife Children (2) Old Friends P.O. Johnson CBT Therapist new, probationary supportive custody conflict supervised visits trying to cut off weekly SYSTEMS Family Legal Mental Health Substance Work TIES Strong Moderate Weak Stressful Broken
For the case manager
Substance abuse recovery

Ecomap charting a client's recovery support network — AA group, family, probation, and therapist — with relationship strength and directional connections.

→ open in playground
ladder·§ IEC 61131-3
Motor Start/Stop PLC ladder logic diagram with 1 rung Motor Start/Stop Rung 001 — Seal-in circuit — Start Button START_PB IN 1.0 Aux Contact MOTOR_AUX BIT 3.0 Stop Button STOP_PB IN 1.1 Motor Command MOTOR_CMD OUT 2.0
For the controls engineer
Motor start/stop seal-in circuit

Classic three-wire motor start/stop seal-in circuit in IEC 61131-3 ladder logic — the foundational pattern taught in every PLC certification course.

→ open in playground
sld·§ IEEE 315
Utility + Generator Backup Single-line diagram with 8 nodes and 7 connections Utility + Generator Backup 480V 480V Utility 480V G Emergency Gen 500 kW 480V ATS ATS-1 800A 480V · Critical Load Bus CB1 200A CB2 200A Critical Load 1 100A Critical Load 2 100A
For the facility engineer
Generator + ATS backup power

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.

→ open in playground
logic·§ IEEE 91
1-bit Full Adder Logic gate diagram with 5 gates, 3 inputs, 2 outputs XOR AND XOR AND OR A B Cin Sum Cout 1-bit Full Adder
For the electronics designer
1-bit full adder

1-bit full adder built from XOR, AND, and OR gates — the foundational building block of every arithmetic logic unit, from a functional description.

→ open in playground
entity·§ Tier ownership
Acme Global Holdings Entity structure diagram with 5 entities and 5 relationships Acme Global Holdings 100% 100% 100% IP License · royalty 100% US Acme Global, Inc. Corporation Ultimate Parent IE Acme Ireland Holdings Corporation KY Acme IP Ltd Corporation Holds group IP NL Acme EU Distribution Corporation SG Acme APAC Trading Corporation
For corporate counsel
International tax holding structure

Cross-border tax holding structure with Irish IP company, Dutch distribution, and APAC entity — per OECD BEPS transfer-pricing documentation requirements.

→ open in playground
fishbone·§ Ishikawa 1968
Fishbone diagram — Website traffic drop — Fishbone diagram Ishikawa cause-and-effect diagram. Effect: Traffic decline. 6 categories. Fishbone diagram — Website traffic drop Traffic decline Content Publishing frequency down Content too generic Keyword gaps Low-quality AI content Backlinks High-quality backlinks lost High ratio of low-quality links Referring domain growth stalled Low anchor text diversity Competition New competitors entering AI tools replacing search Weakening brand recall Competitors publishing faster Technical Core Web Vitals failing Crawl coverage drop Crawler blocked by WAF Missing structured data UX Bounce rate rising Poor mobile experience Slow above-fold load Excessive popup ads Algorithm Core Update penalty Weak E-E-A-T signals AI Overviews / SGE cutoff Search intent drift
For the ops lead
Website traffic drop root-cause analysis

Ishikawa fishbone for a website traffic drop — six causal categories covering content, technical SEO, backlinks, UX, competition, and algorithm changes.

→ open in playground
sociogram·§ Moreno 1934
Sociogram: Playground Dynamics Sociogram with 8 members and 10 connections Playground Dynamics conflict tom jack mike leo anna beth chloe diana GROUPS Boys Girls TIES Positive tie Negative tie Neutral tie
For the school counselor
Playground dynamics

Moreno sociogram of classroom playground dynamics — mutual friendships, one-way choices, and peer conflicts mapped by gender group using force-directed layout.

→ open in playground

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.

45
FAMILIES
Diagrams professionals actually use

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.

100%
FREE · OPEN SOURCE
AGPL-3.0, zero runtime deps

No D3, no dagre, no parser generators, no telemetry, no locked features. KB-level bundle, SSR-safe, commercial license available for closed-source use.

AI
FIRST-CLASS
Made for LLMs to emit

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.

ToolPro domain diagramsPriceFor developersAI-friendly
Mermaidflowcharts onlyfree✓ (npm)partial
D2architecture onlyfree✗ (Go CLI)partial
WaveDromtiming onlyfree✓ (npm)partial
PlantUMLUML onlyfree✗ (Java)
schematex45 families · spec-citedfree✓ (0 deps, npm)designed for it

05 / QUICKSTART

Install in 10 seconds.

One function, one string in, one SVG out. Works anywhere TypeScript does.

$npm install schematex
Vanilla TypeScriptuniversal
import { render } from 'schematex';

const svg = render(`
genogram "Smiths"
  john [male, 1950]
  mary [female, 1952]
  john -- mary
    alice [female, 1975, index]
`);
Next.js (Server)RSC / SSR
import { render } from 'schematex';

export default function Page() {
  const svg = render(dsl);
  return <div dangerouslySetInnerHTML={{ __html: svg }} />;
}
React (Client)interactive
'use client';
import { render } from 'schematex';
import { useMemo } from 'react';

export function Diagram({ dsl }: { dsl: string }) {
  const svg = useMemo(() => render(dsl), [dsl]);
  return <div dangerouslySetInnerHTML={{ __html: svg }} />;
}

Start with a single string.

Open the playground to render any of 45 diagram types live — or browse the gallery for DSL you can copy, paste, and adapt.