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

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

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

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

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

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

rombik розуміє JavaScript: function- і стрілкові функції, if/else, switch, цикли for/while/for-of, тернарний оператор. Просто встав код — структура алгоритму стане схемою за ДСТУ.

Javascript
function indexOf(arr, key) {
    for (let i = 0; i < arr.length; i++) {
        if (arr[i] === key) {
            return i;
        }
    }
    return -1;
}
Блок-схема, побудована з наведеного коду Javascript
Схема, яку rombik будує саме з цього коду Javascript — фігури за ДСТУ 19.701-90.

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

  1. 1
    Встав код

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

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

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

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

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

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

Стрілкові функції підтримуються? +

Так, якщо в них є ім’я: const f = (x) => {…} стає окремою підпрограмою. Анонімна стрілка в аргументі map() лишається частиною виразу.

А for-of і for-in? +

Обидва малюються як цикл із підписом «для кожного»; слово-роздільник можна змінити в налаштуваннях (за замовчуванням ).

switch із fallthrough? +

Так. Гілки без break зливаються в спільний блок — на схемі видно, що керування справді провалюється далі.

Асинхронний код? +

async/await малюється як звичайна послідовність дій: чекання — це крок алгоритму. Промиси в ланцюжку .then() лишаються одним виразом.

Навіщо це

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

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

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

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