01 / 介紹 SCHEMATEX · 免費 · 開源 · 專為 AI 設計
醫生、工程師、律師真正在用的每一種圖表。
Schematex 能繪製醫生、工程師、律師已在手繪的 45 種圖表——臨床家系圖、IEC 61131-3 階梯邏輯、NSGC 譜系圖、股權架構表。輸入文字 DSL，輸出符合標準的 SVG。
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 / 為什麼選擇 Schematex
免費。完全開源。專為 AI 設計。
通用流程圖工具無法繪製專業圖表。Schematex 將每個標準視為一等公民——整個套件採用 AGPL-3.0、零依賴，並專為讓 LLM 一次就能正確輸出而設計。
每種圖表類型均實作已發布的規範——McGoldrick、IEC 61131-3、IEEE 315、NSGC、Newick。醫生、工程師、律師已在手繪這些圖表；現在可以用程式碼生成。
無 D3、無 dagre、無解析器生成器、無遙測、無鎖定功能。KB 級 bundle、SSR 安全，閉源商業使用可申請商業授權。
最小化語法，專為 LLM 實際書寫文字的方式設計——CJK 引號、巢狀歧義、AI 可讀錯誤訊息。貼上 ChatGPT 或 Claude 的輸出，一次就能得到專業圖表。
04 / 定位
不只是另一個流程圖函式庫。
Schematex 與現有工具的比較。
| 工具 | 專業領域圖表 | 價格 | 開發者友善 | AI 友善 |
|---|---|---|---|---|
| Mermaid | 僅流程圖 | 免費 | ✓ (npm) | 部分 |
| D2 | 僅架構圖 | 免費 | ✗ (Go CLI) | 部分 |
| WaveDrom | 僅時序圖 | 免費 | ✓ (npm) | 部分 |
| PlantUML | 僅 UML | 免費 | ✗ (Java) | — |
| schematex | 45 種家族 · 引用規範 | 免費 | ✓ (0 deps, 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 }} />;
}