01 / PRESENTANDO SCHEMATEX · GRATIS · OPEN SOURCE · HECHO PARA IA
Todos los diagramas que médicos, ingenieros y abogados realmente usan.
Schematex dibuja los 50 diagramas que médicos, ingenieros y abogados ya trazan a mano — genogramas clínicos, lógica de escalera IEC 61131-3, pedigríes NSGC, tablas de capitalización. Texto DSL como entrada, SVG conforme a estándares como salida.
/ THE FULL SET
All 50 of them. Every one follows a published standard.
Choose any diagram to open its simplest working example in the playground.
02 / DIAGRAMAS QUE LOS PROFESIONALES REALMENTE USAN
Los diagramas que tu médico, ingeniero o abogado realmente usa.
Cada familia de diagramas está construida para el profesional que la domina — desde unas pocas líneas de DSL hasta la versión que un experto pondría en un expediente, un memo o un permiso. Cada salida cumple un estándar publicado.
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 / POR QUÉ
Gratis. Completamente open source. Hecho para IA.
Las herramientas genéricas de diagramas no pueden dibujar diagramas profesionales. Schematex trata cada estándar como ciudadano de primera clase — y todo es AGPL-3.0, sin dependencias, diseñado para que los LLMs lo emitan al primer intento.
Cada tipo implementa una especificación publicada — McGoldrick, IEC 61131-3, IEEE 315, NSGC, Newick. Médicos, ingenieros y abogados ya los trazan a mano; ahora pueden generarlos desde código.
Sin D3, sin dagre, sin generadores de parsers, sin telemetría, sin funciones bloqueadas. Bundle de KB, compatible con SSR, licencia comercial disponible para uso de código cerrado.
Gramáticas mínimas diseñadas en torno a cómo los LLMs realmente escriben texto — comillas CJK, ambigüedad de anidado, errores legibles por IA. Pega la salida de ChatGPT o Claude y obtén un diagrama profesional al primer intento.
04 / POSICIONAMIENTO
No es otra librería de diagramas de flujo.
Cómo Schematex se compara con las herramientas que la gente ya usa.
| Herramienta | Domain | Standards-compliant types | Edit the render, keep the source | AI-friendly |
|---|---|---|---|---|
| Mermaid | General flow/UML | — | ✗ text only | partial |
| D2 | General diagrams | — | ✗ text only | partial |
| draw.io / Excalidraw | Freeform canvas | — | ✗ canvas only, no source | ✗ |
| PlantUML | UML | UML subset | ✗ text only | — |
| schematex | 50 professional families | 50 | ✓ round-trip | ✓ MCP + llms.txt |
05 / INICIO RÁPIDO
Instala en 10 segundos.
Una función, una cadena de entrada, un SVG de salida. Funciona en cualquier lugar donde TypeScript funcione.
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 { useState } from 'react';
import { InteractiveSchematexDiagram } from 'schematex/react';
export function DiagramEditor({ initialDsl }: { initialDsl: string }) {
const [dsl, setDsl] = useState(initialDsl);
return <InteractiveSchematexDiagram value={dsl} onChange={setDsl} />;
}Empieza con una sola cadena.
Abre el playground para renderizar cualquiera de los 50 tipos de diagramas en vivo — o navega la galería para DSL que puedes copiar, pegar y adaptar.
Gratis y de código abierto: una estrella ayuda a que otros desarrolladores lo encuentren.