01 / PRESENTANDO SCHEMATEX · GRATUITO · OPEN SOURCE · FATTO PER L'IA
Tutti i diagrammi che medici, ingegneri e avvocati usano davvero.
Schematex disegna i 50 diagrammi che medici, ingegneri e avvocati già tracciano a mano — genogrammi clinici, logica ladder IEC 61131-3, pedigree NSGC, cap table. Testo DSL in ingresso, SVG conforme agli standard in uscita.
/ 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 / DIAGRAMMI CHE I PROFESSIONISTI USANO DAVVERO
I diagrammi che il tuo medico, ingegnere o avvocato usa davvero.
Ogni famiglia di diagrammi è costruita per il professionista che la padroneggia — da poche righe di DSL fino alla versione che un esperto del settore metterebbe in una cartella, un memo o un permesso. Ogni output è conforme a uno standard pubblicato.
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 / PERCHÉ
Gratuito. Completamente open source. Fatto per l'IA.
Gli strumenti di diagrammi generici non sanno disegnare diagrammi professionali. Schematex tratta ogni standard come cittadino di prima classe — il tutto è AGPL-3.0, senza dipendenze, progettato per essere emesso dai LLM al primo tentativo.
Ogni tipo implementa una specifica pubblicata — McGoldrick, IEC 61131-3, IEEE 315, NSGC, Newick. Medici, ingegneri e avvocati li tracciano già a mano; ora possono generarli dal codice.
Niente D3, niente dagre, niente generatori di parser, niente telemetria, niente funzionalità bloccate. Bundle in KB, compatibile con SSR, licenza commerciale disponibile per uso in codice chiuso.
Grammatiche minimali progettate attorno a come i LLM scrivono testo — virgolette CJK, ambiguità di annidamento, errori leggibili dall'IA. Incolla l'output di ChatGPT o Claude e ottieni un diagramma professionale al primo colpo.
04 / POSIZIONAMENTO
Non l'ennesima libreria di flowchart.
Come Schematex si confronta con gli strumenti già usati.
| Strumento | 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 / AVVIO RAPIDO
Installa in 10 secondi.
Una funzione, una stringa in ingresso, un SVG in uscita. Funziona ovunque funzioni TypeScript.
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} />;
}Inizia con una singola stringa.
Apri il playground per renderizzare uno qualsiasi dei 50 tipi di diagrammi in tempo reale — o sfoglia la galleria per DSL da copiare, incollare e adattare.
Gratuito e open source: una stella aiuta altri sviluppatori a trovarlo.