Schematex

01 / SCHEMATEX'İ TANIYUN · ÜCRETSİZ · AÇIK KAYNAK · AI İÇİN YAPILDI

Doktorların, mühendislerin ve avukatların gerçekten kullandığı her diyagram.

Schematex, doktorların, mühendislerin ve avukatların zaten elle çizdiği 45 diyagramı oluşturur — klinik genogramlar, IEC 61131-3 merdiven mantığı, NSGC pedigriler, sermaye tabloları. Metin DSL giriş, standartlara uygun SVG çıkış.

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 / PROFESYONELLERİN GERÇEKTEN KULLANDIĞI DİYAGRAMLAR

Doktorunuzun, mühendisinizin veya avukatınızın gerçekten kullandığı diyagramlar.

Her diyagram ailesi, onu bilen uygulayıcı için inşa edilmiştir — birkaç DSL satırından, bir alan uzmanının bir grafiğe, notaya veya izne koyacağı versiyona kadar. Her çıktı yayımlanmış bir standarda uygundur.

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'da aç
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'da aç
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'da aç
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'da aç
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'da aç
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'da aç
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'da aç
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'da aç
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'da aç

03 / NEDEN

Ücretsiz. Tamamen açık kaynak. AI için tasarlandı.

Genel amaçlı diyagram araçları profesyonel diyagramlar çizemez. Schematex her standardı birinci sınıf vatandaş olarak ele alır — ve tamamı AGPL-3.0, bağımlılıksız, LLM'lerin ilk denemede üretmesi için tasarlanmış.

45
AİLE
Profesyonellerin gerçekten kullandığı diyagramlar

Her diyagram türü yayımlanmış bir spesifikasyonu uygular — McGoldrick, IEC 61131-3, IEEE 315, NSGC, Newick. Doktorlar, mühendisler ve avukatlar zaten bunları elle çiziyor; artık koddan üretebilirler.

%100
ÜCRETSİZ · AÇIK KAYNAK
AGPL-3.0, sıfır çalışma zamanı bağımlılığı

D3 yok, dagre yok, ayrıştırıcı oluşturucu yok, telemetri yok, kilitli özellik yok. KB boyutunda paket, SSR güvenli, kapalı kaynak kullanım için ticari lisans mevcut.

AI
BİRİNCİ SINIF
LLM'lerin üretmesi için tasarlandı

LLM'lerin gerçekte metin yazma biçimine göre tasarlanmış minimal dilbilgisi — CJK alıntıları, iç içe geçme belirsizliği, AI tarafından okunabilir hatalar. ChatGPT veya Claude çıktısını yapıştır, ilk denemede profesyonel bir diyagram al.

04 / KONUMLANDIRMA

Bir akış diyagramı kütüphanesi daha değil.

Schematex'in insanların zaten kullandığı araçlarla karşılaştırması.

AraçProfesyonel alan diyagramlarıFiyatGeliştiriciler içinAI uyumlu
Mermaidyalnızca akış diyagramlarıücretsiz✓ (npm)kısmi
D2yalnızca mimariücretsiz✗ (Go CLI)kısmi
WaveDromyalnızca zamanlamaücretsiz✓ (npm)kısmi
PlantUMLyalnızca UMLücretsiz✗ (Java)
schematex45 aile · spesifikasyon atıflıücretsiz✓ (0 deps, npm)bunun için tasarlandı

05 / HIZLI BAŞLANGIÇ

10 saniyede kur.

Bir fonksiyon, bir string giriş, bir SVG çıkış. TypeScript'in çalıştığı her yerde çalışır.

$npm install schematex
Vanilla TypeScriptevrensel
import { render } from 'schematex';

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

export default function Page() {
  const svg = render(dsl);
  return <div dangerouslySetInnerHTML={{ __html: svg }} />;
}
React (İstemci)etkileşimli
'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 }} />;
}

Tek bir string ile başla.

45 diyagram türünden herhangi birini canlı olarak oluşturmak için playground'ı aç — ya da kopyalayıp yapıştırabileceğin ve uyarlayabileceğin DSL için galeriyi incele.