Skip to content
| Marketplace
Sign in
Visual Studio Code>Machine Learning>CodeMap Neural EngineNew to Visual Studio Code? Get it now.
CodeMap Neural Engine

CodeMap Neural Engine

jagaadeshwar cv

|
4 installs
| (0) | Free
AI-powered codebase visualization with Gemini summaries and D3.js force graphs
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

CodeMap Neural Engine

AI-powered codebase visualization for VS Code
Transform your code into interactive visual maps with Gemini AI summaries

VS Code Version D3.js Gemini AI License


Overview

CodeMap Neural Engine is a Visual Studio Code extension that analyzes your entire codebase and generates beautiful, interactive visualizations. It uses Google's Gemini AI to understand your code and create intelligent summaries, helping you and your team quickly understand project architecture.

Key Features

  • Interactive Architecture Map - Visualize files as nodes organized by architectural layers
  • AI-Powered Summaries - Gemini AI generates descriptions, keywords, and complexity scores
  • Dependency Visualization - See how files connect with arrows showing imports/dependencies
  • Multi-Layer Organization - Files auto-categorized into Frontend, Router, Backend, Database, Configuration, Utility
  • Structure Tree View - Hierarchical view of your project structure
  • Beautiful Dark Theme - Modern, eye-friendly design with color-coded layers

Installation

From VS Code Marketplace

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X)
  3. Search for "CodeMap Neural Engine"
  4. Click Install

Usage

Quick Start

  1. Open a project in VS Code
  2. Set up your API key (Required) - See instructions below
  3. Click the CodeMap button in the status bar (bottom)
  4. Wait for analysis - The extension scans your files
  5. Explore the map - Click nodes for details, hover for connections

Setting Up Gemini API Key (Required)

⚠️ Important: A Gemini API key is required for the extension to work.

  1. Get a free API key from Google AI Studio
  2. Run command: CodeMap: Set Gemini API Key (Ctrl+Shift+P)
  3. Paste your API key
  4. You're ready to use CodeMap!

Commands

Command Description
CodeMap: Start Open the visualization panel
CodeMap: Analyze Workspace Re-analyze the current workspace
CodeMap: Show Visualization Display the code visualization
CodeMap: Set Gemini API Key Configure your Gemini API key (Required)

🛠️ Tech Stack

Technology Purpose
Node.js Extension runtime
VS Code API Editor integration
@google/generative-ai Gemini AI for summaries
@babel/parser JavaScript/TypeScript parsing
@babel/traverse AST analysis for dependencies
D3.js v7 Data visualization

Supported File Types

  • JavaScript (.js, .jsx)
  • TypeScript (.ts, .tsx)
  • Python (.py)
  • JSON (.json)
  • Markdown (.md)
  • CSS/SCSS (.css, .scss)
  • HTML (.html) more

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.


License

This project is licensed under the MIT License - see the LICENSE file for details.


Issues & Feedback

Found a bug or have a suggestion? Please open an issue on the GitHub repository.


Made with ❤️ by Jagadesh

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft