Visualize Control Flow

Want to visualize the control flow of your code? Using this extension, you can generate a diagram that shows the control flow of your code. This is great particularly for students to see their code's logic in a diagram. We use a UML Activity Diagram format, making these diagrams easy to view. Currently supports visualizing control flow of Python code. Actively developed by @evank28 and @AronZeng as part of #VSCodeHackathon.

Links: GitHub, VS Code Marketplace

Features

Adds new commands:

Visualize Control Flow: Visualize Open File

Usage

• With the extension installed, open the Command Pallete in Visual Studio Code (Ctr + Shift + P).
• Select Visualize Control Flow: Visualize Open File with a Python (.py) file open.

Requirements

• TypeScript

Known Issues

Where do we start?!

• Limited Control Flow Logic is Supported
• Not dynamic yet
• Play around and see...😎

Release Notes

Published Versions:

1.0.0

Initial release of Visualize Control Flow