Build a Dependency Graph Visualizer
Build a tool that parses a package.json and renders an interactive force-directed dependency graph.
Requirements
Upload or paste a package.json fileParse dependencies and devDependenciesRender an interactive force-directed graph (nodes = packages, edges = dependencies)Click a node to see package details (version, description from npm registry)Color-code nodes: green for deps, blue for devDeps, red for outdatedSearch/highlight specific packages in the graphZoom and pan controlsTechnical Notes
Use D3.js force simulation or a library like react-force-graph. Fetch package info from the npm registry API.
Bonus Points
Show transitive dependencies (depth selector)Bundle size display per packageVulnerability warnings from npm audit data