01 / APRESENTANDO SCHEMATEX · GRATUITO · OPEN SOURCE · FEITO PARA IA
Todos os diagramas que médicos, engenheiros e advogados realmente usam.
Schematex desenha os 45 diagramas que médicos, engenheiros e advogados já traçam à mão — genogramas clínicos, lógica ladder IEC 61131-3, pedigrees NSGC, tabelas de capitalização. Texto DSL como entrada, SVG em conformidade com padrões como saída.
02 / DIAGRAMAS QUE OS PROFISSIONAIS REALMENTE USAM
Os diagramas que seu médico, engenheiro ou advogado realmente usa.
Cada família de diagramas é construída para o profissional que a domina — de poucas linhas de DSL até a versão que um especialista colocaria num prontuário, memo ou licença. Cada saída obedece a um padrão 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Ê
Gratuito. Totalmente open source. Feito para IA.
Ferramentas genéricas de diagramas não conseguem desenhar diagramas profissionais. Schematex trata cada padrão como cidadão de primeira classe — e tudo é AGPL-3.0, sem dependências, projetado para LLMs emitirem na primeira tentativa.
Cada tipo implementa uma especificação publicada — McGoldrick, IEC 61131-3, IEEE 315, NSGC, Newick. Médicos, engenheiros e advogados já os traçam à mão; agora podem gerá-los a partir de código.
Sem D3, sem dagre, sem geradores de parsers, sem telemetria, sem funcionalidades bloqueadas. Bundle em KB, compatível com SSR, licença comercial disponível para uso em código fechado.
Gramáticas mínimas projetadas em torno de como LLMs realmente escrevem texto — aspas CJK, ambiguidade de aninhamento, erros legíveis por IA. Cole a saída do ChatGPT ou Claude e obtenha um diagrama profissional de primeira.
04 / POSICIONAMENTO
Não é mais uma biblioteca de fluxogramas.
Como Schematex se compara às ferramentas que as pessoas já usam.
| Ferramenta | Diagramas de domínio profissional | Preço | Para desenvolvedores | Compatível com IA |
|---|---|---|---|---|
| Mermaid | só fluxogramas | gratuito | ✓ (npm) | parcial |
| D2 | só arquitetura | gratuito | ✗ (Go CLI) | parcial |
| WaveDrom | só timing | gratuito | ✓ (npm) | parcial |
| PlantUML | só UML | gratuito | ✗ (Java) | — |
| schematex | 45 famílias · spec citada | gratuito | ✓ (0 deps, npm) | projetado para isso |
05 / INÍCIO RÁPIDO
Instale em 10 segundos.
Uma função, uma string de entrada, um SVG de saída. Funciona em qualquer lugar onde 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 }} />;
}Comece com uma única string.
Abra o playground para renderizar qualquer um dos 45 tipos de diagramas ao vivo — ou navegue na galeria para DSL que você pode copiar, colar e adaptar.