01 / MEMPERKENALKAN SCHEMATEX · GRATIS · OPEN SOURCE · DIBUAT UNTUK AI
Semua diagram yang benar-benar digunakan dokter, insinyur, dan pengacara.
Schematex menggambar 45 diagram yang sudah digambar tangan oleh dokter, insinyur, dan pengacara — genogram klinis, logika tangga IEC 61131-3, pedigree NSGC, tabel kapitalisasi. Teks DSL sebagai input, SVG sesuai standar sebagai output.
02 / DIAGRAM YANG BENAR-BENAR DIGUNAKAN PROFESIONAL
Diagram yang benar-benar digunakan dokter, insinyur, atau pengacara Anda.
Setiap keluarga diagram dibangun untuk praktisi yang menguasainya — dari beberapa baris DSL hingga versi yang akan dimasukkan ahli domain ke dalam catatan, memo, atau izin. Setiap output mematuhi standar yang diterbitkan.
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 / MENGAPA
Gratis. Sepenuhnya open source. Dibuat untuk AI.
Alat diagram generik tidak bisa menggambar diagram profesional. Schematex memperlakukan setiap standar sebagai warga kelas satu — semuanya AGPL-3.0, tanpa dependensi, dirancang agar LLM dapat menghasilkannya dalam percobaan pertama.
Setiap jenis diagram mengimplementasikan spesifikasi yang diterbitkan — McGoldrick, IEC 61131-3, IEEE 315, NSGC, Newick. Dokter, insinyur, dan pengacara sudah menggambarnya dengan tangan; kini bisa dibuat dari kode.
Tanpa D3, tanpa dagre, tanpa generator parser, tanpa telemetri, tanpa fitur terkunci. Bundle ukuran KB, aman untuk SSR, lisensi komersial tersedia untuk penggunaan kode tertutup.
Tata bahasa minimal yang dirancang mengikuti cara LLM benar-benar menulis teks — tanda kutip CJK, ambiguitas bersarang, kesalahan yang dapat dibaca AI. Tempel output dari ChatGPT atau Claude dan dapatkan diagram profesional di percobaan pertama.
04 / POSITIONING
Bukan pustaka diagram alur biasa.
Perbandingan Schematex dengan alat yang sudah digunakan orang.
| Alat | Diagram domain profesional | Harga | Untuk pengembang | Ramah AI |
|---|---|---|---|---|
| Mermaid | hanya diagram alur | gratis | ✓ (npm) | sebagian |
| D2 | hanya arsitektur | gratis | ✗ (Go CLI) | sebagian |
| WaveDrom | hanya timing | gratis | ✓ (npm) | sebagian |
| PlantUML | hanya UML | gratis | ✗ (Java) | — |
| schematex | 45 keluarga · mengutip spesifikasi | gratis | ✓ (0 deps, npm) | dirancang untuk itu |
05 / MULAI CEPAT
Pasang dalam 10 detik.
Satu fungsi, satu string masuk, satu SVG keluar. Berfungsi di mana saja TypeScript berjalan.
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 }} />;
}Mulai dengan satu string.
Buka playground untuk merender salah satu dari 45 jenis diagram secara langsung — atau telusuri galeri untuk DSL yang bisa Anda salin, tempel, dan adaptasi.