Визуализатор кода

Пройдите программу по шагам и посмотрите, что происходит внутри: переменные, стек вызовов и объекты в памяти — на каждой строке. Работает прямо в браузере.

Примеры:

s = 0
for i in range(1, 6):
    s += i
print("сумма:", s)

Входные данные (input())

Нажмите «Визуализировать», чтобы пройти код по шагам и увидеть переменные, стек вызовов и объекты в памяти. Вкладка «Блок-схема» построит схему программы по ГОСТ — даже без запуска.

Как это работает

Код выполняется один раз в вашем браузере (Python — через WebAssembly, JavaScript — нативно), а визуализатор записывает состояние программы после каждой строки. Дальше вы листаете эту запись вперёд и назад: зелёным подсвечена строка, которая только что выполнилась, жёлтым — та, что выполнится следующей. Стрелки справа показывают, какие переменные ссылаются на один и тот же объект — так видно, чем ссылка отличается от копии.

Ограничения: до 1000 шагов на запуск, только синхронный код без сети и файлов. Кнопкой «Поделиться» можно скопировать ссылку — код сохраняется прямо в ней.

Блок-схема по коду

Вкладка «Блок-схема» строит схему программы по ГОСТ 19.701-90: ввод и вывод — параллелограммы, условия — ромбы, циклы со счётчиком — шестиугольники. Подписи переключаются между «как в коде» и «по ГОСТ» (x ← 5, Ввод n). Схему можно скачать в SVG или PNG — удобно для лабораторных и отчётов. А если запустить код, текущий шаг подсвечивается прямо на схеме.