Редактор блок-схем: фігури, стрілки й підписи «Так/Ні» просто в браузері.

Схема малюється у вашому браузері й нікуди не надсилається.

Що вміє редактор

Символи ISO 5807 і ГОСТ 19.701, стрілки, які самі обходять фігури й прилипають до їхніх сторін, підписи «Так» і «Ні» біля виходів умови. Кнопка «+» ставить наступну фігуру вже з’єднаною, «Упорядкувати» розкладає всю схему. Схема зберігається в браузері під час роботи, а завантажити її можна в PNG, SVG і PDF або кодом Mermaid.

Приклади: Парне чи непарне Найбільше з трьох Сума від 1 до N Перевірка пароля

Як вставити блок-схему у Word і Google Docs

  • Word 2019 і Microsoft 365 — SVG: вставте його як звичайний малюнок, і схема залишиться чіткою за будь-якого масштабу.
  • Google Docs і старий Word — PNG 300 dpi. Виберіть ширину «A4, стандартні поля Word» або за ГОСТ 7.32: зображення стане точно на ширину тексту.
  • LaTeX — PDF за розміром схеми: \includegraphics вставить його без втрати чіткості.
  • Найшвидше — «Копіювати зображення» у вікні «Завантажити» і Ctrl+V просто в документ.

У PNG і SVG, завантажених тут, вшита сама схема: перетягніть такий файл назад на аркуш і редагуйте далі.

Символи блок-схеми і що вони означають

Назви — як у панелі фігур. Перші п’ять трапляються майже в кожній навчальній задачі, решта знадобиться для схем за ISO 5807 і ГОСТ 19.701.

Фігура Назва Коли ставити
Початок / кінець Початок і кінець алгоритму, вхід і вихід підпрограми.
Дія Обчислення або будь-яка дія: присвоєння, розрахунок, виклик команди.
Умова Перевірка умови: у ромба два виходи, «Так» і «Ні».
Введення / виведення Введення і виведення даних, коли носій не важливий.
Підпрограма Виклик підпрограми або функції, яку описано окремо.
Підготовка Підготовка до циклу: початкові значення, наприклад i = 1.
Початок циклу Верхня межа циклу. Пара — «Кінець циклу» з тією самою назвою.
Кінець циклу Нижня межа циклу; умову виходу пишуть в одній із меж.
З'єднувач Розрив лінії: стрілка продовжується біля з’єднувача з тією самою міткою.
Міжсторінковий з'єднувач Перехід на іншу сторінку. Є в ГОСТ і підручниках, в ISO 5807 — лише звичайний з’єднувач.
Коментар Пояснення до фігури; з’єднується з нею пунктиром.
Ручне введення Введення даних вручну, наприклад з клавіатури.
Ручна операція Дія, яку виконує людина.
Документ Дані на папері: друк, бланк, звіт.
Дисплей Виведення даних на екран.
Збережені дані Дані у сховищі, коли носій не важливий.
Оперативна пам'ять Дані в оперативній пам’яті.
ЗП з послідовним доступом Дані на носії, який читається по порядку, наприклад на стрічці.
ЗП з прямим доступом Дані на носії з прямим доступом, наприклад на диску.
Перфокарта Дані на перфокарті.
Паперова стрічка Дані на паперовій стрічці.
Паралельні дії Початок або кінець дій, які відбуваються одночасно.
Пропуск Частина схеми, яку не малюють повністю.

Блок-схема за ГОСТ 19.701 і ISO 5807

Стиль «ГОСТ 19.701» у панелі задає пропорції фігур за стандартом: висота — a, ширина — 1,5a, розмір a від 15 до 30 мм, шрифт 10–14 pt, стрілки — лише проти напрямку потоку або на всіх лініях. Фігури в цьому стилі не ростуть під текст: якщо текст не вмістився, про це скаже підказка.

Значок підказок показує, де схема розходиться зі стандартом: в умови менше двох виходів, вихід без підпису, фігура без входу чи виходу, немає початку чи кінця.

Схема з коду Mermaid

Попросіть чат-бота намалювати блок-схему кодом Mermaid і вставте відповідь цілком — навіть із текстом довкола коду — кнопкою «Вставити код» або Ctrl+V просто на аркуш. Фігури, стрілки й підписи перенесуться, а розкладка зробиться сама. Назад — «Копіювати код Mermaid» у вікні «Завантажити».

Клавіші

  • Enter — редагувати текст фігури
  • Ctrl + Enter — закінчити текст і поставити наступну фігуру
  • Ctrl + ←↑→↓ — з’єднана фігура в цей бік
  • ←↑→↓ — зсунути виділене
  • Shift + ←↑→↓ — зсунути більшим кроком
  • Ctrl + Z, Ctrl + Shift + Z — скасувати й повернути
  • Ctrl + D — дублювати
  • Delete — видалити
  • Space + перетягування — рухати аркуш
  • Ctrl + коліщатко миші — масштаб

Перевірити сам алгоритм у коді — пісочниця Python.

Часті запитання

Чи є водяний знак?

Ні. PNG, SVG і PDF завантажуються чистими, без водяного знака й без реєстрації.

Де зберігаються мої схеми?

Лише у вашому браузері, на сервер нічого не надсилається. Браузер може видалити дані сайту, коли бракує місця або якщо сайт довго не відкривали, тож важливу схему завантажте файлом: «Завантажити файл схеми» у вікні «Завантажити» або в «Моїх схемах».

Чи працює на телефоні?

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

Як оформити блок-схему за ГОСТ?

Виберіть стиль «ГОСТ 19.701», задайте розмір a і шрифт, а за підказками перевірте схему. Для курсової завантажте PNG 300 dpi шириною за ГОСТ 7.32 або SVG.

Чому текст у PDF не виділяється?

У PDF літери намальовано кривими, тому схема виглядає однаково на будь-якому комп’ютері, навіть без наших шрифтів. Потрібен текст, який можна виділити, — завантажте SVG з позначкою «Залишити текст текстом».

Якими мовами можна писати у фігурах?

Будь-якою з мов сайту, зокрема справа наліво та ієрогліфами: шрифти Noto довантажуються під ваш текст. Урду пишеться літерами насх, а не насталіком: шрифт насталіка важить понад мегабайт. Емодзі та знаки інших писемностей у PNG виходять системним шрифтом, а до PDF не потрапляють — вікно «Завантажити» попередить.

Наскільки великою може бути схема?

Обмеження немає. Схема зі 200 фігур і 300 стрілок рухається плавно навіть на повільному телефоні: під час перетягування стрілки малюються зламом, а точний шлях прокладається, коли ви відпускаєте фігуру.

Це безкоштовно?

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