VisCode

This is the source repository for the VS Code extension VisCode.

Features

Visualizes the current code open on your active code editor on VS Code. The visualizations will be displayed on a panel adjacent to your editor.

Works for Python and Java.

Open the Python / Java file which you want to visualize
Ensure the file has been saved
Open the command palette (Cmd+Shift+P on macOS or Ctrl+Shift+P on Windows)
Select the command "Visualize current code"
To rerun the visualizer, navigate back to the Python / Java code file, save it and run the command again

Add the inputs you wish to enter in a separate .txt file in the same directory as your program
The inputs should be separated by a newline (\n) or an Enter
Save the .txt file
Upon running the visualizer command, enter the name of the input file, including the .txt extension

Press the 'Prev' and 'Next' buttons to navigate between execution steps
The corresponding line of code that was executed to create the visualization will be highlighted in the code editor
Console outputs are displayed in the text box in the bottom right corner
Class diagrams are drawn in the 'Class Diagram' tab in the top right, while the main visualization resides in the 'Trace Diagram' tab in the top left
To download the visualization as an HTML document, press the 'Download' button

Note: Only single files are supported, a project consisting of multiple files cannot be visualized.

Initial release of VisCode for User Acceptance Testing

Added user input handling

Minor bug fixes