Codebase Visualization Tools

I've been working on Codemap, a code visualization tool for many programming languages (JavaScript, Python, Go, Ruby, Terraform).https://codemap.appIt parses any given codebase and visualizes all function calls as a hierarchical graph. Quite useful for onboarding new team members, digging through old codebases, or simply debugging issues.You can further tweak the graph for various use cases. For example, a fronten

Sourcetrail can give you similar (plus interactive!) visualizations automatically.

Hey HN, I'm the creator of Codemap.Codemap is a codebase visualizer that displays the structure of function calls of any Javascript, Typescript, or Python code. Given a local repo, Codemap statically parses the code and renders a directed graph of all function calls in the least cluttered layout. It helps programmers familiarize with a new codebase, trace possible scenarios that lead to a bug in a function, or understand the scope of impact when making a code change. Codemap runs offline

I think you might find Software Visualization interesting, which is the abstract visual representation of source code.https://en.wikipedia.org/wiki/Software_visualization

I made a code base visualizer for Javascript, Typescript, and Python. Functions are shown as nodes, while function calls are lines connecting nodes.https://codemap.appAny feedback is welcome :)

This article really hits home for me. I've been working on a tool called Code Charter, which aims to do exactly what you're advocating for: provide visual representations of code that make it easier to understand.I'm taking a slightly different approach than some of the tools mentioned here. Code Charter uses successive LLM calls to distill the key patterns (i.e. business logic) in code, creating a semantic map for call graphs in a codebase. This is useful for understanding the

I want documentation, especially block diagram be the first class citizen of a programming language, such that parsing the code will generate project visualizations that can help me understand the big picture.

https://codeatlas.dev - codebase visualisation toolTakes your git repo and generates a beautiful visual representation of the code. Sort of an alternative navigation tool (in addition to IDEs) for large codebases. Can also run it as part of CI with our Github Action (https://github.com/codeatlasHQ/codebase-visualizer

Introducing Codesplain.ai — a new way to explain code using infinitely-zoomable, interactive visualization.Code walkthroughs today are broken. They’re usually rambling screen-shares, tab-hopping, or documentation no one wants to read. And it’s getting worse. As we rely more on LLMs to generate code, we’re shipping faster — but understanding and explaining what we’ve built is getting harder.Codesplain.ai turns your code into an intuitive, editable map. Zoom out for the big picture. Zoom in

I want a tool that visualizes code paths in this way