01 / PRESENTANDO SCHEMATEX · GRATIS · OPEN SOURCE · HECHO PARA IA
Todos los diagramas que médicos, ingenieros y abogados realmente usan.
Schematex dibuja los 45 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.
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 | Diagramas de dominio profesional | Precio | Para desarrolladores | Amigable con IA |
|---|---|---|---|---|
| Mermaid | solo diagramas de flujo | gratis | ✓ (npm) | parcial |
| D2 | solo arquitectura | gratis | ✗ (Go CLI) | parcial |
| WaveDrom | solo timing | gratis | ✓ (npm) | parcial |
| PlantUML | solo UML | gratis | ✗ (Java) | — |
| schematex | 45 familias · spec citada | gratis | ✓ (0 deps, npm) | diseñado para ello |
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 { render } from 'schematex';
import { useMemo } from 'react';
export function Diagram({ dsl }: { dsl: string }) {
const svg = useMemo(() => render(dsl), [dsl]);
return <div dangerouslySetInnerHTML={{ __html: svg }} />;
}Empieza con una sola cadena.
Abre el playground para renderizar cualquiera de los 45 tipos de diagramas en vivo — o navega la galería para DSL que puedes copiar, pegar y adaptar.