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 与人们已经在用的那些工具相比如何。
| 工具 | 专业领域图 | 价格 | 面向开发者 | AI 友好 |
|---|---|---|---|---|
| Mermaid | 仅流程图 | 免费 | ✓ (npm) | 部分 |
| D2 | 仅架构图 | 免费 | ✗ (Go CLI) | 部分 |
| WaveDrom | 仅时序图 | 免费 | ✓ (npm) | 部分 |
| PlantUML | 仅 UML | 免费 | ✗ (Java) | — |
| schematex | 45 种图 · 标注规范 | 免费 | ✓ (零依赖, npm) | 专为此设计 |
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 { render } from 'schematex';
import { useMemo } from 'react';
export function Diagram({ dsl }: { dsl: string }) {
const svg = useMemo(() => render(dsl), [dsl]);
return <div dangerouslySetInnerHTML={{ __html: svg }} />;
}