Dependency Chart is a VS Code extension that converts your project dependencies into an animated interactive pie chart for faster analysis and understanding.
Usage
-
Install the extension
-
Open any project folder containing a package.json file.
-
Open the VS Code Command Palette: Ctrl + Shift + P
-
Run: Explain Dependency
-
The extension will instantly scan the current project dependencies and generate an interactive animated visualization.
Features
-
Interactive animated pie chart visualization for project dependencies with smooth buttery transitions and hover interactions.
-
Supports React, Next.js, JavaScript, TypeScript, Angular, Vue, and React Native projects automatically.
-
Smart dynamically generated colors for unlimited dependencies without repeating or hardcoded color limitations.
-
Animated dependency list with package names, percentage contribution, and estimated package sizes.