01 / ПРЕДСТАВЛЯЕМ SCHEMATEX · БЕСПЛАТНО · OPEN SOURCE · ДЛЯ ИИ
Все диаграммы, которые реально используют врачи, инженеры и юристы.
Schematex рисует 45 диаграмм, которые врачи, инженеры и юристы уже чертят вручную — клинические генограммы, лестничная логика IEC 61131-3, педигри NSGC, таблицы капитализации. Текстовый DSL на входе — SVG по стандарту на выходе.
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 сравнивается с инструментами, которые люди уже используют.
| Инструмент | Профессиональные схемы | Цена | Для разработчиков | Совместимость с ИИ |
|---|---|---|---|---|
| Mermaid | только блок-схемы | бесплатно | ✓ (npm) | частично |
| D2 | только архитектура | бесплатно | ✗ (Go CLI) | частично |
| WaveDrom | только тайминг | бесплатно | ✓ (npm) | частично |
| PlantUML | только UML | бесплатно | ✗ (Java) | — |
| schematex | 45 семейств · со ссылкой на спец. | бесплатно | ✓ (0 deps, npm) | специально разработано |
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 { render } from 'schematex';
import { useMemo } from 'react';
export function Diagram({ dsl }: { dsl: string }) {
const svg = useMemo(() => render(dsl), [dsl]);
return <div dangerouslySetInnerHTML={{ __html: svg }} />;
}Начните с одной строки.
Откройте playground, чтобы рендерить любой из 45 типов диаграмм в реальном времени — или просмотрите галерею, где есть DSL для копирования, вставки и адаптации.