Schematex
20 DIAGRAM FAMILIES · 10+ STANDARDS · 0 DEPS

Standards-as-code
for professional diagrams.

Mermaid draws generic flowcharts. Schematex draws a genogram a genetic counselor accepts clinically, ladder logic that maps 1:1 to IEC 61131-3, and a cap table that survives a Series A review — all from a tiny text DSL.

20 diagram families10+ published standardszero runtime depsLLM-native
Open playground
$npm i schematex
Star4
schematex.render·Genogram
McGoldrick 2020
Genogram: The Potters Genogram diagram with 10 individuals across 3 generations The Potters Fleamont (1909) Euphemia (1920) Evans_m (1925) Evans_f (1928) James (1960) Lily (1960) Vernon (1951) Petunia (1958) Harry (1980) Dudley (1980) Fleamont (b. 1909) Euphemia (b. 1920) Evans_m (b. 1925) Evans_f (b. 1928) James (b. 1960) Lily (b. 1960) Vernon (b. 1951) Petunia (b. 1958) Harry (b. 1980) Dudley (b. 1980) m. 1978
McGoldrick 2020IEC 61131-3IEEE 315ANSI Y32.2Newick / NHXNSGC pedigreeMoreno sociometryIshikawa 1968WaveDromISO 5807McGoldrick 2020IEC 61131-3IEEE 315ANSI Y32.2Newick / NHXNSGC pedigreeMoreno sociometryIshikawa 1968WaveDromISO 5807

02 / WHERE SCHEMATEX IS THE PROFESSIONAL CHOICE

Diagrams professionals actually sign off on.

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.

pedigree·§ NSGC pedigree nomenclature
BRCA1 Family — Hereditary Breast/Ovarian Cancer Pedigree chart with 12 individuals across 3 generations I II III I-1 I-2 (affected) II-4 II-1 (affected) II-6 II-3 (carrier) II-2 III-1 (affected) P III-2 III-3 (presymptomatic) III-6 (carrier) III-7 I-1 I-2 II-4 II-1 II-6 II-3 II-2 III-1 III-2 III-3 III-6 III-7
For the genetic counselor
BRCA1 Hereditary Cancer (Pedigree)

Clinical pedigree for BRCA1 breast and ovarian cancer — affected status, carriers, presymptomatic markers, proband arrow.

→ 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

The canonical three-wire motor start/stop ladder logic with seal-in contact — taught in every automation course.

→ open in playground
genogram·§ McGoldrick 2020
Genogram: The Potter Family Genogram diagram with 10 individuals across 3 generations The Potter Family Fleamont (1909-1979) 70 Euphemia (1920-1979) 59 Mr_evans (1925) Mrs_evans (1928) James (1960-1981) 21 Lily (1960-1981) 21 Vernon (1951) Petunia (1958) Harry (1980) Dudley (1980) Fleamont (1909–1979) Euphemia (1920–1979) Mr_evans (b. 1925) Mrs_evans (b. 1928) James (1960–1981) Lily (1960–1981) Vernon (b. 1951) Petunia (b. 1958) Harry (b. 1980) Dudley (b. 1980) m. 1978
For the family therapist
The Potter Family

Three-generation genogram with marriages, deaths, the index person, and three kinds of emotional relationships.

→ open in playground
sld·§ IEEE 315
13.8 kV Substation Single-line diagram with 10 nodes and 9 connections 13.8 kV Substation 138kV 138kV 13.8kV Grid 138kV 138kV 138kV · 138kV Bus TX1 15MVA, 138/13.8kV id: TX-1 13.8kV · 13.8kV Bus CB1 1200A CB2 1200A CB3 1200A M Feeder 1 M Feeder 2 M Feeder 3
For the power engineer
13.8 kV Utility Substation

Utility one-line: 138 kV grid source → 15 MVA step-down transformer → 13.8 kV medium-voltage bus → three feeder breakers.

→ open in playground
entity·§ Tier-based ownership
Acme Holdings Entity structure diagram with 4 entities and 3 relationships Acme Holdings 100% 100% 60% US Founder Trust Trust DE Acme Inc. Corporation UK Acme UK Ltd. Corporation KY Acme Growth Fund LP LP / Fund
For corporate counsel
Multi-Jurisdiction Holding

Delaware C-corp parent, UK operating subsidiary, Cayman fund, and South Dakota dynasty trust — typical M&A/tax structure.

→ 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 RCA

Six-category Ishikawa diagram for an organic-traffic drop — Content, Technical, Backlinks, UX, Competition, Algorithm — 24 causes.

→ open in playground

03 / WHY

Built for diagrams people sign off on.

Generic flowchart tools can't draw professional diagrams. Schematex treats each standard as a first-class citizen.

20
FAMILIES
Standards-compliant output

Every diagram type implements a published spec — McGoldrick, IEC 61131-3, IEEE 315, NSGC, Newick. Domain experts accept it.

0
RUNTIME DEPS
Hand-written everything

No D3, no dagre, no parser generators. Each diagram is an independent plugin with its own parser, layout, renderer.

LLM
NATIVE DSL
Designed so AI gets it right

Minimal grammars an LLM can learn from one example. Copy a gallery DSL into 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.

ToolDomain standardsDepsPricingLLM-shaped DSL
Mermaidgeneric flowcharts onlydagre-d3free
GoJSisolated samples$7k+ / seat
Schemdrawcircuits onlymatplotlibfreePython only
draw.ioGUI — no published specfree
schematex20 families · spec-cited0freedesigned 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 20 diagram types live — or browse the gallery for DSL you can copy, paste, and adapt.