/ 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、无 parser generator、无遥测、无锁定功能。KB 级 bundle，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} />;
}