wtf is js-code-structure?

js-code-structure is a tool that helps you visualize how all the JavaScript files in your project connect to each other. When your codebase grows beyond a handful of files, it gets hard to keep track of which file depends on which. This tool scans your project and generates a visual map showing exactly those relationships, so you can see the whole structure at a glance. You install it globally on your computer, navigate to your project folder in the terminal, and type a simple three-letter command. The tool then reads through your JavaScript files, looking for the lines where one file pulls in another using require() or import statements. Once it finishes scanning, it automatically creates an HTML file and opens it in your web browser, displaying an interactive network graph of your codebase. You can hover over any file in the graph to see what it depends on, and click it to see which other files depend on it. This is useful for anyone working on a medium-to-large JavaScript project who needs to understand its architecture. If you are a developer or technical manager inheriting an unfamiliar codebase, this tool gives you an immediate visual overview of how things are wired together. It helps you spot tangled dependencies, find the most central files in your project, or just orient yourself before making changes. By default, it skips common folders like node_modules, test, and build so the graph stays focused on your actual source code, and you can tell it to ignore other directories if needed. The project uses a library called sigma.js to render the interactive graph in the browser. The README is fairly sparse and does not go into detail about performance characteristics or how it handles extremely large codebases, but the core concept is straightforward and delivers a clear visual benefit.