Skip to content
sblake20 edited this page Apr 26, 2016 · 3 revisions

Help

Getting Started: SeeCode.Run was intended to be a simple and intuitive application that can help developers debug and understand the execution of their program through various visualizations. If you don’t have an existing SeeCode.Run space, then simply use your browser to go to the SeeCode.Run page and a unique SeeCode.Run space will be created for you!

SeeCode.Run is divided into 3 main sections. The left-most section is where you enter your code by appropriate tab (js, html, css). This section includes a gutter to the left, which will show the number of times that a function is executed. This section also includes a gutter to the right, which will display the values of variables at any given line where applicable. Hovering over a statement will also provide information about the expression or variable.

The right-most section is the visualization section, which contains an output and visualization tab. The output tab will display what is rendered in the browser. The visualization tab allows users to search the execution trace for variables or expressions for example, and will display the results in a table. The user also has options to select other visualizations to display.

The console section is found at the bottom of the screen and will display information logged to the console.

SeeCode.Run includes some other features that can be found in the navigation bar at the top of the page. The ‘chat’ feature allows users in the same SeeCode.Run space to chat with each other. Simply click on chat, enter your name and begin!

For more information, please visit the SeeCode.Run Wiki and check back for updates!