Schematex

01 / SCHEMATEX 소개 · 무료 · 오픈소스 · AI 최적화

의사, 엔지니어, 법률가가 실제로 사용하는 모든 다이어그램.

Schematex는 의사, 엔지니어, 법률가가 이미 손으로 그리고 있는 45가지 다이어그램을 생성합니다 — 임상 가계도, IEC 61131-3 래더 로직, NSGC 족보도, 자본표. 텍스트 DSL 입력, 표준 준수 SVG 출력.

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 / 전문가가 실제로 사용하는 다이어그램

당신의 의사, 엔지니어, 법률가가 실제로 사용하는 다이어그램.

각 다이어그램 패밀리는 해당 분야의 실무자를 위해 설계되었습니다 — 몇 줄의 DSL에서 전문가가 차트, 메모, 허가서에 기재하는 버전까지. 모든 출력은 공개된 표준을 준수합니다.

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.

→ 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.

→ 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.

→ 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.

→ 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.

→ 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.

→ 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.

→ 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.

→ 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.

→ Playground에서 열기

03 / 왜 Schematex인가

무료. 완전한 오픈소스. AI에 최적화.

범용 다이어그램 도구는 전문 다이어그램을 그릴 수 없습니다. Schematex는 각 표준을 일급 시민으로 취급하며, 전체가 AGPL-3.0, 의존성 없음, LLM이 첫 번째 시도에 출력하도록 설계되었습니다.

45
패밀리
전문가가 실제로 사용하는 다이어그램

각 다이어그램 타입은 공개된 사양을 구현합니다 — McGoldrick, IEC 61131-3, IEEE 315, NSGC, Newick. 의사, 엔지니어, 법률가가 이미 손으로 그리는 것을 이제 코드로 생성할 수 있습니다.

100%
무료 · 오픈소스
AGPL-3.0, 런타임 의존성 없음

D3 없음, dagre 없음, 파서 생성기 없음, 텔레메트리 없음, 잠긴 기능 없음. KB 수준 번들, SSR 안전, 클로즈드 소스 사용을 위한 상용 라이선스 제공.

AI
일급 지원
LLM이 출력하도록 설계

LLM이 실제로 텍스트를 작성하는 방식에 맞춘 최소 문법 — CJK 따옴표, 중첩 모호성, AI 가독 오류. ChatGPT나 Claude의 출력을 붙여넣으면 첫 번째 시도에 전문적인 다이어그램을 얻을 수 있습니다.

04 / 포지셔닝

또 하나의 플로우차트 라이브러리가 아닙니다.

Schematex와 기존 도구와의 비교.

도구전문 도메인 다이어그램가격개발자용AI 친화적
Mermaid플로우차트만무료✓ (npm)일부
D2아키텍처만무료✗ (Go CLI)일부
WaveDrom타이밍만무료✓ (npm)일부
PlantUMLUML만무료✗ (Java)
schematex45개 패밀리 · 사양 인용무료✓ (0 deps, npm)전용 설계

05 / 빠른 시작

10초 만에 설치.

함수 하나, 문자열 입력, SVG 출력. TypeScript가 동작하는 모든 환경에서 사용 가능.

$npm install schematex
Vanilla TypeScript유니버설
import { render } from 'schematex';

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

export default function Page() {
  const svg = render(dsl);
  return <div dangerouslySetInnerHTML={{ __html: svg }} />;
}
React (클라이언트)인터랙티브
'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 }} />;
}

단 하나의 문자열로 시작하세요.

Playground를 열어 45가지 다이어그램 타입을 실시간으로 렌더링하거나 — 갤러리에서 복사, 붙여넣기, 수정할 수 있는 DSL을 확인해 보세요.