Редактор блок-схем — фигуры, стрелки и подписи «Да/Нет» прямо в браузере.
Схема рисуется в вашем браузере и никуда не отправляется.
Что умеет редактор
Символы 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 стрелок двигается плавно даже на медленном телефоне: при перетаскивании стрелки рисуются изломом, а точный путь прокладывается, когда вы отпускаете фигуру.
Это бесплатно?
Да, полностью бесплатно и без регистрации. Инструмент работает целиком в браузере: файл не уходит на сервер, значит сервер не тратит ни процессор, ни трафик — брать деньги не за что. Водяных знаков нет, ограничений по размеру и количеству файлов тоже.