Jump to content

Visual representation of program execution

Recommended Posts

Hey everybody! I remember seeing a link to a webpage that would give the user a visual representation of program execution. I am wondering if anyone happens to know what the site is and if they could share it. I believe the story I read said that you would put your code in one box on the left side of the page and watch what was happening (i.e. variables being defined and assigned) in a separate box as you stepped through program execution. This is cool and all but I would like to modify it so that is shows all the internals of the X16 and shows what is happening at the hardware level. I imagine visual representations of the accumulator, program counter, registers, memory, and all the other pieces. The user could put an assembly program in a box on the page and then step through each clock cycle to see what changes in the computer to understand exactly everything that is happening. A third box on the page could display what is happening on the screen ( the output of the program ).

Link to comment
Share on other sites

Posted (edited)

@x16tial It is a web page that I am thinking of but it does work a bit like a debugger. It is a visual representation of everything that is happening when you execute your code.

I think I found the site I was looking for here: http://www.pythontutor.com/visualize.html#mode=edit

Once on the page, if you click on "Show code examples" near the bottom of the page and pick an example, you can start walking through the code by clicking "Visualize Execution" just below the text editor. Click the Next or Prev buttons just below the text editor to step through the code. As you walk through it, variables and objects that the code creates begin to pop up over on the right side of the page.

* or, you can just go to http://www.pythontutor.com/ and press the Next button to what objects populate right there on the page.

Edited by RTKimz
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...

Important Information

Please review our Terms of Use