Есть ли IDE с визуализацией процесса выполнения кода?

Question

[Ingref]

Существуют ли IDE с визуализацией процесса выполнения кода наподобие вот этого - pythontutor.com ? Не путать с pythontutor.ru

Может, есть хотя бы отдалённо похожее? Чтобы не статические блок-схемы (и не просто подсветка), а именно внутренности процесса - где, что, в каких переменных, откуда взялось, куда переместилось и т. д.

Comments

[Евгений Иванович]

Я думаю такого нету

[Roman K]

И будет у тебя картинка размером 1000000000х100000000000000 в реальном проекте. Отличная идея

[xmoonlight]

Roman Kitaev, есть drill-down + span = focus (чтобы не было так больно)

Answer 1

[Dimonchik]

нету: IDE для взрослых - взрослые в отладку умеют

Answer 2

[Stalker_RED]

Отладчик, не?
В популярных IDE они встроены.

Answer 3

[Neuro]

Возможно это не совсем то что нужно, но взгляните на расширение Quokka.js в vscode

Answer 4

[CityCat4]

Был когда-то такой редактор - y (одна буква - название!). Он умел вызывать gdb и при использовании его подсвечивать текущую строку в исходном коде. Окно отладчика при этом было узеньким, строк 5 - 6, но было достаточно удобно - в текстовом-то режиме!

Answer 5

[Ingref]

В общем, нашёл такую IDE, может ещё кому будет полезно - https://thonny.org/
Всем спасибо :)

Comments

[Антон Р.]

а без этого непонятно что куда идет и какие переменные прокидываются куда?

[Ingref]

Антон Р., ну это как в крестики-нолики в уме играть - в принципе можно, но хотелось бы видеть поле перед глазами.

[xmoonlight]

Ingref, а где здесь ответ на вопрос? Там же нет визуализации.

[Ingref]

xmoonlight, там визуализация прямо в коде - https://youtu.be/nwIgxrXP-X4?t=120

Конечно, было бы хорошо, если бы ещё стрелочки добавили, но и это лучше, чем ничего.

На самом деле, я попутно наткнулся ещё на такую вещь https://processing.org/ - вот если бы кто-то с помощью подобной анимации реализовал визуализацию, была бы просто бомба!

[xmoonlight]

Ingref, это не визуализация, а отладка и контекстное отображение состояний объектов и значений нужных вам переменных.

Обычно, можно в любом IDE это делать.
Есть такой функционал, как break-points, когда нужно остановить выполнение программы на какой-либо строке.
И пока всё выполнение "заморожено", Вы можете просматривать в листинге кода (по наведению "мыши") или в отдельной области (в GUI) значения любых переменных и т.д.

Просто, не особо понятно: что Вам нужно: чтобы видеть переменные или чтобы видеть визуализированную структуру в виде прямоугольников и стрелок?

[Ingref]

xmoonlight, в том-то и дело, что меня интересует не просто содержимое переменных или структура (статичная), а пространственное расположение данных, с которыми производятся манипуляции.

Например, есть код:

a = 5
b = a +3

И я хочу видеть, что сначала в один квадратик попадает число 5, потом этот квадратик перемещается в другой квадратик, и в этот другой квадратик также помещается число 3. После чего во втором квадратике появляется число 8.

Примерно такой процесс показан в pythontutor.com и в https://thonny.org/, в обычных же отладчиках отсутствует визуализация пространственного расположения данных (есть только список переменных в столбик, у которых меняются значения).

В принципе, меня бы устроило вот это - https://docs.microsoft.com/en-us/visualstudio/mode... Но проблема в том, что там именно статические схемы, т. е. надо самому додумывать, куда что двигается внутри этой схемы.

Answer 6

[xmoonlight]

1. https://documen.tician.de/pudb/
2. https://www.spyder-ide.org/
3. https://sourceforge.net/projects/pyscripter/