01 / ПРЕДСТАВЛЯЕМ SCHEMATEX · БЕСПЛАТНО · OPEN SOURCE · ДЛЯ ИИ
Все диаграммы, которые реально используют врачи, инженеры и юристы.
Schematex рисует 50 диаграмм, которые врачи, инженеры и юристы уже чертят вручную — клинические генограммы, лестничная логика IEC 61131-3, педигри NSGC, таблицы капитализации. Текстовый DSL на входе — SVG по стандарту на выходе.
/ 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 / ДИАГРАММЫ, КОТОРЫЕ ПРОФЕССИОНАЛЫ РЕАЛЬНО ИСПОЛЬЗУЮТ
Диаграммы, которые реально использует ваш врач, инженер или юрист.
Каждое семейство диаграмм создано для практика, который им владеет — от нескольких строк DSL до версии, которую эксперт поместит в карту, служебную записку или разрешение. Каждый вывод соответствует опубликованному стандарту.
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 / ПОЧЕМУ
Бесплатно. Полностью open source. Создано для ИИ.
Обычные инструменты для диаграмм не умеют рисовать профессиональные схемы. Schematex относится к каждому стандарту как к первоклассному гражданину — и всё это AGPL-3.0, без зависимостей, спроектировано так, чтобы LLM мог воспроизвести с первого раза.
Каждый тип реализует опубликованную спецификацию — McGoldrick, IEC 61131-3, IEEE 315, NSGC, Newick. Врачи, инженеры и юристы уже чертят их вручную; теперь они могут генерировать их из кода.
Без D3, без dagre, без генераторов парсеров, без телеметрии, без заблокированных функций. Бандл в килобайтах, безопасен для SSR, доступна коммерческая лицензия для закрытого кода.
Минимальные грамматики, разработанные с учётом того, как LLM реально пишут текст — CJK-кавычки, неоднозначность вложенности, читаемые ИИ ошибки. Вставьте вывод ChatGPT или Claude и получите профессиональную диаграмму с первого раза.
04 / ПОЗИЦИОНИРОВАНИЕ
Не ещё одна библиотека блок-схем.
Как Schematex сравнивается с инструментами, которые люди уже используют.
| Инструмент | 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 / БЫСТРЫЙ СТАРТ
Установка за 10 секунд.
Одна функция, строка на входе, SVG на выходе. Работает везде, где работает 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} />;
}Начните с одной строки.
Откройте playground, чтобы рендерить любой из 50 типов диаграмм в реальном времени — или просмотрите галерею, где есть DSL для копирования, вставки и адаптации.
Бесплатно и с открытым исходным кодом — звезда поможет другим разработчикам его найти.