Codemap: The code visualizer you wished for

Hi folks, I'm the maker of Codemap. I shared Codemap on Hacker News 2 weeks ago and planned to share it with Product Hunt after adding Windows support. Well, I guess @anamari04907875 beats me to it, thanks Ana :). I was surprised to notice that a large portion of my website's traffic came from Product Hunt, and that's how I found this post. Thanks for the positive feedback, and sorry for the late reply. I'll post the intro below. 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 on your local machine and never sends any sensitive code data to remote servers. I built Codemap because I noticed that good engineers always spend quality time understanding the code architecture before making changes. This process is crucial, and it usually requires drawing a function call diagram on a whiteboard or in the head. Some people use IDE "Find usage of function..." search box for a million times, some people ask senior engineers for tribal knowledge, and some just get lazy and start writing code with ignorance. As a software engineer, I think there's a better solution than this tedious and error-prone practice. I looked at existing code visualization tools and felt that the visualization tends to be overly cluttered and not that user-friendly. I believed that, with some level of design, I can build a tool that is pleasant to use, easy to navigate, and versatile for any codebase in the supported languages. During the development of Codemap, I would sometimes grab a popular Github repo to test the Codemap app, and I often find myself exploring its call graph for hours to satisfy my genuine curiosity of "How does work?" I'd encourage curious users to visit the website and see screenshots of call graphs from React, Keras, Django, and Typescript (yep the one from Microsoft). I would love to hear what you love and hate, as well as any questions you may have. Thank you!

Anima - OnBrand Vibe Coding — Design-aware AI for modern product teams.

Design-aware AI for modern product teams.

Promoted