CodeVizAI - Function Flow Visualizer

CodeVizAI is a powerful VS Code extension designed to visualize function flow within your codebase. It allows developers to track the execution of API functions and custom-made functions from start to end in an interactive graph-based view. With built-in search functionality, you can quickly find and explore specific functions within complex code structures.

Features

✅ Graph-Based Function Flow Visualization
Automatically generate a graph showcasing the flow of functions in your code, making it easier to understand dependencies and execution order.

✅ Search & Highlight Functions
Quickly locate any function in the visualization by searching for its name.

✅ Supports Custom & API Functions
CodeViz captures user-defined functions , providing a comprehensive execution map.

✅ Lightweight & Fast
Optimized for performance to ensure seamless navigation, even for large codebases.

Installation

1. Open VS Code
2. Go to the Extensions Marketplace (Ctrl+Shift+X / Cmd+Shift+X on Mac)
3. Search for CodeVizAI
4. Click Install
5. Enjoy seamless function visualization!

Usage

1. Open your project in VS Code.
2. Select a function without parentheses.
3. Right-click and choose CodeViz from the context menu.
4. The extension will analyze your code and generate a graph-based function flow.
5. Use the search bar to find specific functions.
6. Double Click on a function node to view its details / Definition.

Requirements

• VS Code v1.65+
• Node.js (Optional, for enhanced processing speed)

Extension Settings

CodeViz contributes the following settings:

• codeviz.enable: Enable/disable CodeViz.

Known Issues

• Large projects may take a few seconds to process.
• Some dynamically generated functions may not appear.

If you encounter any issues, please report them on our GitHub Issues page.

Release Notes

1.0.0

• Initial release of CodeViz
• Graph-based function flow visualization
• Function search and filtering

1.0.3

• Improved graph interactivity
• Performance optimizations

1.0.5

• Download to PNG option Added in Graph
• Modified Vizualization Structure

1.0.6

• Added timestamps to image filenames when saving downloads
• Added a loading indicator to show progress when the extension is initializing

Contributing

We welcome contributions! If you'd like to improve CodeViz, feel free to submit a PR on GitHub.

Made with ❤️ by Abhishek Sharma and Prem Kothawle

License

MIT License

Enjoy using CodeViz? Give us a 5⭐ on VSCode Market Place and ⭐ on GitHub! 🚀