Перейти до контенту
ДСТУ 19.701-90 · блок-схеми й структограми · онлайн

Блок-схеми для Typescript

Типи, дженерики й інтерфейси на схемі не потрібні — rombik прибирає їх і креслить те, що справді виконується. Той самий парсер, що й для JavaScript.

Безкоштовно · без реєстрації · схема за секунди

ТакНіПочатокВвід nn > 0Вивід «Додатне»Вивід «Недодатне»Кінець
Код → блок-схема за ДСТУ 19.701-90 rombik.app
10 мов8 форматів експортуДСТУ 19.701-90Word і Visio нативно

Блок-схеми з коду Typescript

rombik парсить TypeScript так само, як JavaScript: типи, інтерфейси й дженерики прибираються, лишається логіка — функції, гілки, цикли, switch. Схема виходить за стандартом — ідеально для лаб і курсових із фронтенду.

Typescript
function isPrime(n: number): boolean {
    if (n < 2) return false;
    for (let i = 2; i * i <= n; i++) {
        if (n % i === 0) return false;
    }
    return true;
}
Блок-схема, побудована з наведеного коду Typescript
Схема, яку rombik будує саме з цього коду Typescript — фігури за ДСТУ 19.701-90.

Як зробити блок-схему з коду Typescript

  1. 1
    Встав код

    Скопіюй Typescript-функцію в редактор або перетягни файл.

  2. 2
    Отримай схему

    Рушій будує схему за ДСТУ 19.701-90. Можна перемкнути на структограму.

  3. 3
    Експортуй

    Word, Visio, draw.io, Typst, Excalidraw, SVG, PNG чи PDF — рідними фігурами, не картинкою.

Typescript у rombik: часті запитання

Типи потраплять у блоки схеми? +

Ні. function isPrime(n: number): boolean на схемі стане просто isPrime(n) — сигнатура лишається в коді, а схема показує алгоритм.

Дженерики й перевантаження? +

Дженерики ігноруються (це типи). Перевантажені сигнатури без тіла пропускаються — малюється та, що має реалізацію.

Інтерфейси й type-аліаси? +

Це декларації типів, а не алгоритм — вони не потрапляють на схему й не заважають розбору решти файлу.

Методи класів? +

Так, кожен метод стає окремою схемою зі своїм заголовком, як і звичайні функції. Зручно, коли в лабі здають цілий клас.

Навіщо це

Малювати схеми вручну — це години роботи

Студенту — звіт, лабораторна, курсова, диплом. Викладачу — методичка, лекція, завдання й приклади до них. Будь-де, де є алгоритм, його треба зобразити схемою за ДСТУ: лінійки, фігури, стрілки, переробки після кожної правки коду. rombik робить це за секунду, а результат можна підправити під будь-які вимоги.

Експорт під будь-яку роботу

Готова схема — у форматі, який тобі треба

Жодних мертвих картинок: схема приходить рідним форматом твого інструмента. У Word і Visio — справжні редаговані фігури, у Typst — чистий код верстки, в Excalidraw і draw.io — об’єкти дошки. Обирай будь-який із восьми форматів — усе за ДСТУ.

  • Word (.docx) · Visio (.vsdx) — справжні редаговані фігури, не вставлена картинка
  • Typst — чистий CeTZ-код, рідний для наукової верстки
  • Excalidraw · draw.io — рідні об’єкти дошки й diagrams.net
  • SVG · PNG · PDF — універсально: друк, презентації, веб
Побудувати схему
figure.typ
#import "@preview/cetz"
#cetz.canvas({
  rect((0,0), label: "Початок")
  line((0,0), (0,-1))
  diamond(label: "n > 0")
})
schema.excalidraw
Початок
Ввід n
n>0
main.docx
Початок
Ввід n
n > 0
Кінець
Рисунок 1 — main
Один клік — будь-який формат: WordVisiodraw.ioTypstExcalidrawSVGPNGPDF
grade
Ввід бал
бал ≥ 90
ТакНі
Вивід «Відмінно»
Вивід «Інше»
Не лише блок-схеми

Структограма Насі-Шнайдермана — той самий код, інший погляд

Вкладені прямокутники без жодної стрілки: послідовність — стек, розгалуження — трикутник умови, цикл — рамка. Чітка структура алгоритму, яку часто вимагають у вишах поряд зі звичними блок-схемами. Один тумблер у редакторі — і та сама функція стає структограмою.

  • Один клік: блок-схема ↔ структограма — з того самого коду
  • Будь-який формат — Word, Visio, draw.io, Typst, Excalidraw, SVG, PNG, PDF
  • Працює на всіх мовах однаково — нічого не налаштовуєш
Побудувати схему
Можливості

Що вміє rombik

Точно за ДСТУ 19.701‑90

Овал, ромб, паралелограм, шестикутник циклу, символ підпрограми — кожна фігура точно за стандартом. Нормоконтроль не присікається.

Десять мов програмування

Python, JavaScript, TypeScript, C, C++, C#, Java, Go, PHP і Pascal. Рушій розуміє if/else, switch, цикли, функції й методи — вкладеність будь-якої глибини.

Вбудований візуальний редактор

Прямо в rombik: зміни текст і форму блоку, перетягни його, проведи стрілку. Виділяй блоки рамкою-ласо — ділиш схему на частини або об'єднуєш назад.

Високі схеми — рівно на сторінки

Завелику схему rombik сам ріже на A4-сторінки з конекторами (А, Б…) — у курсову лягає чітко, без обрізань.

Telegram-бот

rombik прямо в Telegram

Не хочеш відкривати сайт? Кидай код боту в Telegram: готова блок-схема та .docx прилетять просто в чат.

  • Групою: додай бота в чат курсу — один спільний баланс експортів на всіх, поповнює староста.
  • Особисто: напиши боту особисто й прив’яжи акаунт — рендериш зі свого балансу експортів.
  • Файл коду або /render з кодом → блок-схема за ДСТУ за секунди.

На всю групу — від 15 грн за експорт (пак 100 експортів). Одна оплата старости → генерує весь потік.

Приклади, апдейти й анонси — наш Telegram-канал →

@rombik_app_bot
/render python

Обери формат і мову → «Згенерувати»

Word PNG PDF
UA EN
Згенерувати
rombik.docx

Готово! Баланс: 41 експорт.

Ціни

Скільки це коштує

Будувати схеми — безкоштовно й без акаунта. Платиш лише тоді, коли забираєш чистий файл без водяного знака — той, що йде у здачу.

Експорти

від 24 грн

за один експорт у пакеті. Поштучно — 37 грн. Без підписки, не згорають.

Pro

від 99 грн

редактор схем на 7 днів, 2 експорти у комплекті.

Групою

від 15 грн

за експорт зі спільного балансу чату в Telegram: платить староста — генерує вся група.

Схема на екрані та прев’ю для перевірки — безкоштовні завжди.

Відгуки

Що кажуть користувачі

Ті, хто вже здав схеми вчасно.

, щоб залишити відгук.

Зворотний зв'язок

Щось зламалось чи є ідея?

Схема намалювалась не так, як треба, або бракує функції? Напиши — читаю кожне повідомлення й швидко правлю.

Залишити відгук →

rombik виріс із моєї власної курсової

Код працював, а робота — ні: бракувало схеми за ДСТУ. Мене доконав парадокс: викладачка не знала Python і по дві хвилини розбирала, чи взагалі правильно написаний код, — а схему завертала за секунду, побачивши одну не таку стрілку. Малювати десятки схем руками я не став: написав рушій, який робить це детерміновано, за стандартом. Сайт, бот і API теж мої — це один розробник, а не студія.

Олексій Одарчук Уся історія проєкту →

Схема сама себе не намалює. А rombik — намалює.

Встав свій код — прев’ю безкоштовне й без реєстрації. За секунди побачиш готову схему за ДСТУ.

Побудувати схему