Schematex

01 / GIỚI THIỆU SCHEMATEX · MIỄN PHÍ · MÃ NGUỒN MỞ · LÀM CHO AI

Mọi sơ đồ mà bác sĩ, kỹ sư và luật sư thực sự dùng.

Schematex vẽ 45 sơ đồ mà bác sĩ, kỹ sư và luật sư đã phác thảo tay — biểu đồ gia phả lâm sàng, logic thang IEC 61131-3, phả hệ NSGC, bảng vốn hóa. Nhập DSL văn bản, xuất SVG chuẩn.

genogram·§ McGoldrick 2020
Genogram: Medical History Genogram diagram with 7 individuals across 3 generations Medical History Grandfather (1930-1990) 60 Grandmother (1935) Father (1960) Mother (1962) Uncle (1963) Patient (1988) Sister (1991) Grandfather (1930–1990) Grandmother (b. 1935) Father (b. 1960) Mother (b. 1962) Uncle (b. 1963) Patient (b. 1988) Sister (b. 1991) SYMBOLS Deceased CONDITIONS Heart Disease Diabetes Cancer Hypertension MARKERS Index person (focal subject)
UTF-8 · LF · 10 lines · 550 chars✓ parsed·13.6 KB SVG
McGoldrick 2020IEC 61131-3IEEE 315ANSI Y32.2Newick / NHXNSGC pedigreeMoreno sociometryIshikawa 1968WaveDromISO 5807PRISMA 2020OMG BPMN 2.0UML 2.5.1PMI PMBOK 7Chen 1976IEC 60617McGoldrick 2020IEC 61131-3IEEE 315ANSI Y32.2Newick / NHXNSGC pedigreeMoreno sociometryIshikawa 1968WaveDromISO 5807PRISMA 2020OMG BPMN 2.0UML 2.5.1PMI PMBOK 7Chen 1976IEC 60617

02 / SƠ ĐỒ MÀ CHUYÊN GIA THỰC SỰ DÙNG

Sơ đồ mà bác sĩ, kỹ sư hoặc luật sư của bạn thực sự dùng.

Mỗi họ sơ đồ được xây dựng cho người thực hành sở hữu nó — từ vài dòng DSL đến phiên bản mà chuyên gia sẽ đưa vào hồ sơ, bản ghi nhớ hoặc giấy phép. Mỗi đầu ra tuân thủ một tiêu chuẩn đã được công bố.

genogram·§ McGoldrick 2020
Genogram: Medical History Genogram diagram with 7 individuals across 3 generations Medical History Grandfather (1930-1990) 60 Grandmother (1935) Father (1960) Mother (1962) Uncle (1963) Patient (1988) Sister (1991) Grandfather (1930–1990) Grandmother (b. 1935) Father (b. 1960) Mother (b. 1962) Uncle (b. 1963) Patient (b. 1988) Sister (b. 1991) SYMBOLS Deceased CONDITIONS Heart Disease Diabetes Cancer Hypertension MARKERS Index person (focal subject)
For the clinical social worker
Multi-generation medical history

Three-generation family medical history genogram with multi-condition color annotations using fill zones — heart disease, diabetes, cancer, hypertension.

→ mở trong playground
pedigree·§ NSGC
Hemophilia A Pedigree chart with 10 individuals across 3 generations I II III I-1 I-2 (carrier-x) II-5 II-2 (carrier-x) II-1 (affected) II-3 II-4 III-1 (affected) III-2 (carrier-x) III-3 I-1 I-2 II-5 II-2 II-1 II-3 II-4 III-1 III-2 III-3 GENETIC STATUS Affected X-linked carrier
For the genetic counselor
Hemophilia A (X-linked recessive)

Three-generation hemophilia A pedigree showing X-linked recessive inheritance with carrier females and affected males per NSGC clinical notation.

→ mở trong playground
ecomap·§ Hartman 1978
Ecomap Ecomap diagram with 9 external systems James Age 28 AA Group Bill (Sponsor) Warehouse Job Mom Ex-wife Children (2) Old Friends P.O. Johnson CBT Therapist new, probationary supportive custody conflict supervised visits trying to cut off weekly SYSTEMS Family Legal Mental Health Substance Work TIES Strong Moderate Weak Stressful Broken
For the case manager
Substance abuse recovery

Ecomap charting a client's recovery support network — AA group, family, probation, and therapist — with relationship strength and directional connections.

→ mở trong 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 circuit

Classic three-wire motor start/stop seal-in circuit in IEC 61131-3 ladder logic — the foundational pattern taught in every PLC certification course.

→ mở trong playground
sld·§ IEEE 315
Utility + Generator Backup Single-line diagram with 8 nodes and 7 connections Utility + Generator Backup 480V 480V Utility 480V G Emergency Gen 500 kW 480V ATS ATS-1 800A 480V · Critical Load Bus CB1 200A CB2 200A Critical Load 1 100A Critical Load 2 100A
For the facility engineer
Generator + ATS backup power

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.

→ mở trong playground
logic·§ IEEE 91
1-bit Full Adder Logic gate diagram with 5 gates, 3 inputs, 2 outputs XOR AND XOR AND OR A B Cin Sum Cout 1-bit Full Adder
For the electronics designer
1-bit full adder

1-bit full adder built from XOR, AND, and OR gates — the foundational building block of every arithmetic logic unit, from a functional description.

→ mở trong playground
entity·§ Tier ownership
Acme Global Holdings Entity structure diagram with 5 entities and 5 relationships Acme Global Holdings 100% 100% 100% IP License · royalty 100% US Acme Global, Inc. Corporation Ultimate Parent IE Acme Ireland Holdings Corporation KY Acme IP Ltd Corporation Holds group IP NL Acme EU Distribution Corporation SG Acme APAC Trading Corporation
For corporate counsel
International tax holding structure

Cross-border tax holding structure with Irish IP company, Dutch distribution, and APAC entity — per OECD BEPS transfer-pricing documentation requirements.

→ mở trong 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 root-cause analysis

Ishikawa fishbone for a website traffic drop — six causal categories covering content, technical SEO, backlinks, UX, competition, and algorithm changes.

→ mở trong playground
sociogram·§ Moreno 1934
Sociogram: Playground Dynamics Sociogram with 8 members and 10 connections Playground Dynamics conflict tom jack mike leo anna beth chloe diana GROUPS Boys Girls TIES Positive tie Negative tie Neutral tie
For the school counselor
Playground dynamics

Moreno sociogram of classroom playground dynamics — mutual friendships, one-way choices, and peer conflicts mapped by gender group using force-directed layout.

→ mở trong playground

03 / TẠI SAO

Miễn phí. Hoàn toàn mã nguồn mở. Làm cho AI.

Các công cụ sơ đồ tổng quát không thể vẽ sơ đồ chuyên nghiệp. Schematex coi mỗi tiêu chuẩn là công dân hạng nhất — toàn bộ là AGPL-3.0, không phụ thuộc, được thiết kế để LLM có thể xuất ra ở lần thử đầu tiên.

45
HỌ SƠ ĐỒ
Sơ đồ mà chuyên gia thực sự dùng

Mỗi loại sơ đồ triển khai một đặc tả đã được công bố — McGoldrick, IEC 61131-3, IEEE 315, NSGC, Newick. Bác sĩ, kỹ sư và luật sư đã phác thảo bằng tay; nay có thể tạo ra từ code.

100%
MIỄN PHÍ · MÃ NGUỒN MỞ
AGPL-3.0, không phụ thuộc runtime

Không D3, không dagre, không trình tạo parser, không telemetry, không tính năng bị khóa. Bundle cỡ KB, an toàn cho SSR, giấy phép thương mại cho mã nguồn đóng.

AI
HẠNG NHẤT
Thiết kế cho LLM xuất ra

Ngữ pháp tối giản thiết kế theo cách LLM thực sự viết văn bản — dấu ngoặc CJK, sự mơ hồ lồng nhau, lỗi đọc được bởi AI. Dán kết quả từ ChatGPT hoặc Claude và nhận sơ đồ chuyên nghiệp ngay lần đầu.

04 / ĐỊNH VỊ

Không phải thêm một thư viện lưu đồ nữa.

So sánh Schematex với các công cụ người dùng đã quen dùng.

Công cụSơ đồ miền chuyên nghiệpGiáCho nhà phát triểnThân thiện AI
Mermaidchỉ lưu đồmiễn phí✓ (npm)một phần
D2chỉ kiến trúcmiễn phí✗ (Go CLI)một phần
WaveDromchỉ timingmiễn phí✓ (npm)một phần
PlantUMLchỉ UMLmiễn phí✗ (Java)
schematex45 họ · trích dẫn đặc tảmiễn phí✓ (0 deps, npm)thiết kế cho điều đó

05 / BẮT ĐẦU NHANH

Cài đặt trong 10 giây.

Một hàm, một chuỗi đầu vào, một SVG đầu ra. Hoạt động ở bất kỳ đâu TypeScript chạy được.

$npm install schematex
Vanilla TypeScriptphổ quát
import { render } from 'schematex';

const svg = render(`
genogram "Smiths"
  john [male, 1950]
  mary [female, 1952]
  john -- mary
    alice [female, 1975, index]
`);
Next.js (Máy chủ)RSC / SSR
import { render } from 'schematex';

export default function Page() {
  const svg = render(dsl);
  return <div dangerouslySetInnerHTML={{ __html: svg }} />;
}
React (Client)tương tác
'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 }} />;
}

Bắt đầu với một chuỗi duy nhất.

Mở playground để render bất kỳ 45 loại sơ đồ nào trực tiếp — hoặc duyệt thư viện để tìm DSL bạn có thể sao chép, dán và tùy chỉnh.