介绍

每一种医生、工程师或律师真正会用的图表。免费、完全开源、为 AI 而生。从文本 DSL 到行业标准 SVG——从族谱到故障树,一气呵成。

Schematex 能渲染医生、工程师和律师真正在用的每一种图表——临床族谱、IEC 61131-3 梯形图、NSGC 家系图、IEEE 315 单线图、股权表等等。输入一段文本 DSL,输出符合行业标准的 SVG。

免费、完全开源、为 AI 而生。 AGPL-3.0 协议,零运行时依赖,DSL 专门针对 LLM 的写作方式设计——把 ChatGPT 或 Claude 的输出直接粘贴进来,第一次就能得到专业图表。

能画什么?

Schematex draws 52 diagram types across 16 domains — each built to a published standard:

DomainDiagrams
RelationshipsGenogram, Ecomap, Pedigree chart, Phylogenetic tree, Sociogram
Electrical & IndustrialTiming / waveform diagram, Logic gate netlist, Circuit schematic, Control-systems block diagram, Ladder logic, Function Block Diagram (FBD), Sequential Function Chart (SFC), Single-line diagram, P&ID (Piping & Instrumentation), Breadboard / Physical wiring, Welding symbols
Behavior ModelingState diagram, BPMN business process, UML use case diagram, UML sequence diagram, Markov chain
Software / UMLUML Class Diagram, Git commit graph
Corporate & LegalEntity structure, Entity-Relationship Diagram (ERD), Organisation chart, Event-driven Process Chain (EPC)
Causality & AnalysisFishbone (Ishikawa), Venn / Euler, Decision tree, Causal Loop Diagram
StrategyMatrix / quadrant, Comparison & Decision Matrix
KnowledgeMindmap
ResearchPRISMA 2020 flow diagram
Project ManagementPERT / CPM network & Gantt chart, IDEF0 function model
ConcurrencyPetri net
Risk & ReliabilityFault Tree Analysis, Bowtie risk diagram, Event Tree Analysis, FMEA (Failure Mode and Effects Analysis), Reliability Block Diagram (RBD)
Network & InfrastructureNetwork topology, Threat model (DFD + STRIDE)
Architecture & SpaceFloor plan, Evacuation plan, Stage plot, Site plan
Sports & TacticsSports playbook
GeneralFlowchart, Timeline

快速示例

schematex§ source-defined
Genogram: The Smiths Genogram diagram with 4 individuals across 2 generations John (1950) Mary (1952) Alice (1975) Bob (1978) John (b. 1950) Mary (b. 1952) Alice (b. 1975) Bob (b. 1978) The Smiths RELATIONSHIPS Close MARKERS Index person (focal subject)
7 lines · 140 chars
✓ parsed·0.0 ms·0 B
100%

与 AI 配合使用

Schematex 内置了专为 LLM 设计的工具层。把托管的 MCP 服务器连接到 Claude.ai,10 秒内就能让它在任意对话中生成经过校验的图表——无需安装,无需配置。

https://schematex.js.org/mcp
Open in Claude

或者基于 Vercel AI SDK 构建你自己的 AI 功能。详见 在 AI 中使用 Schematex

下一步


工作原理

每种图表类型都遵循相同的处理管线:

文本 DSL ──→ Parser ──→ AST ──→ Layout Engine ──→ LayoutResult ──→ SVG Renderer ──→ SVG 字符串

每种图表都实现了一个 DiagramPlugin,包含四个方法:

interface DiagramPlugin {
  detect(text: string): boolean;           // 自动识别图表类型
  parse(text: string): DiagramAST;         // 文本 → 类型化 AST
  layout(ast, config): LayoutResult;       // AST → 定位后的节点与边
  render(layout, config): string;          // LayoutResult → SVG 字符串
}

布局算法针对各领域量身定制——族谱使用基于代际的分层布局,ecomap 使用径向/极坐标布局,逻辑门使用 DAG 拓扑排序,梯形图使用固定母线布局。通用布局引擎(如 dagre、ELK)无法为这些图表类型生成符合标准的输出。


设计原则

  1. 专业人士真正在用的图表 — 每种图表类型都实现了已发布的领域规范:McGoldrick 2020(族谱)、Hartman 1978(ecomap)、Bennett 2022(家系图)、Moreno 1934(社会计量图)、IEEE Std 91(逻辑门)、IEC 61131-3(梯形图)、IEEE 315(单线图)等。
  2. 免费且完全开源 — AGPL-3.0 协议,零运行时依赖(无 D3、无 dagre、无 parser generator),全部手写实现。体积小,无供应链风险。商业用途可申请商业授权。
  3. 为 AI 而生 — DSL 围绕 LLM 的实际写作方式设计(支持 CJK 引号、嵌套歧义容错、AI 可读错误信息)。把 ChatGPT 或 Claude 的输出粘贴进来,第一次就能得到专业图表。
  4. 语义化 SVG 输出 — 每个 SVG 都包含用于无障碍访问的 <title><desc>、用于主题定制的 CSS 类,以及用于交互的 data-* 属性。

主题

三套内置预设:default(蓝灰色)、monochrome(黑白/打印版)、dark(Schematex slate/blue dark palette 配色)。

通过注入每个 SVG <style> 块中的 CSS 自定义属性来覆盖任意 token:

--schematex-stroke: #1a1a1a;
--schematex-fill: #f5f5f5;

Found this useful?

Schematex is free, fully open source, and zero-dependency. A star helps other developers discover it.