GitDiagram
p/gitdiagram-2
Instantly visualize any codebase as an interactive diagram
Ahmed Khaleel
GitDiagram — Instantly visualize any codebase as an interactive diagram
Featured
20
Turn any GitHub repository into an interactive diagram for visualization in seconds.
Replies
Ahmed Khaleel
Maker
📌
GitDiagram is an open-source micro dev-tool that I made this past week Given any public GitHub repository it generates diagrams in Mermaid.js with Claude 3.5 Sonnet Try it out for free at https://gitdiagram.com I extract information from the file tree and README for details and interactivity (you can click components to be taken to relevant files and directories) Also, you can replace "hub" with "diagram" in any repository URL to access its diagram I created this because I wanted to contribute to open-source projects but quickly realized their codebases are too massive for me to dig through manually, so this helps me get started I do still plan on adding other features like private repository access if that becomes a thing people want This project was heavily inspired by https://gitingest.com/ so make sure to check that out as well! Hopefully this tool can help you and feedback is always welcome!
Tony Tong
@ahmedkhaleel2004 Congrats on GitDiagram! Love the simplicity of "hub to diagram." As an eng myself I’m curious that is there any plans to add deeper insights like dependencies or key file highlights to speed up exploration?
Ahmed Khaleel
@tonyabracadabra Well Claude 3.5 Sonnet only has a 200k token context window, but with cheaper and larger models like Gemini 1206 maybe I think that could be possible
Georgi Apostolov
Congratulations on the great lunch! Very useful for getting an overview of a repository. I have tested it on my own repository and recorded a demo of it https://app.livedemo.ai/livedemo...
Julia Zakharova
I liked it, honestly, but I just played with the repos. But didn't analyze the outcome. Just visualizing.
ShahZaib
A product I know about from Hacker News. Visualization will help developers quickly read, understand and memorize the hierarchy of codebases. Good going, Ahmed!
Ahmed Khaleel
@shahza1bmushtaq Thank you so much!
Glenn Töws
To be fair, for the first shot I think this is absolutely great. Documenting work and and making it understandable for outsiders is always hard, so having an easy option to do so is amazing! I think your tool would benefit from having a few more "deterministic" internal steps or improved prompting. I tested it on: https://gitdiagram.com/mdx-edito... Which to be fair is not the easiest code base to understand (at least for me). It did a great job at analyzing the components and the "semantic" value behind them, but it's missing some blocks that should have been there and vice versa. It's a great start, I think there's a good chance that you can quickly iterate upon it to make it better very fast.
Prabhakar Yadav
Very nice tools
Xinwei Xiong
Launching soon!
This is such a neat tool! As someone who often struggles to navigate large codebases, being able to visualize everything in an interactive diagram sounds super helpful. Love how simple it is to use—just swapping "hub" with "diagram" in the URL is genius. Excited to try it out for some open-source contributions! Congrats on the launch! 🚀
Quarix
really cool! It helped me a lot when take first look into those repos
Abby Chau
looks interesting! I want to use it
Julian Götze
I like the idea, but a funny thing happened as I tried it out: For one of my (still quiet empty) public repos, the model hallucinated and added a bunch of components and layers that don't exist 😂 The repo only has a License and Readme.md, feel free to try it out with the repo: https://github.com/juliangoetze/...
Ahmed Khaleel
@juliangoetze Wow I just saw that, yea its funny. I can see how this happens from the way I generate these, but it tends to be pretty accurate for actual repositories
Robert Jay
Nice idea so far, I think it'd be nice to have some documentation expounding on the use case more (i.e. groking a large codebase). Look forward to seeing the future iterations!
Amiya Chakraborty
Can one download GitDiagram as CLI tool and use it on private, local repository ?
André J
😸 Really cool! Would love if it could be exported to some kind of markdown output, so It could be added to readme.md docs? And maybe add support for BYO OpenAI key, to offset cost for you?
Ahmed Khaleel
@sentry_co Both great ideas! Actually did you know that GitHub markdown already supports Mermaid.js code? you can simply copy the Mermaid.js code from my website and paste into GitHub markdown!
André J
@ahmedkhaleel2004 Really? do you have an example in a readme.md doc?
Amiya Chakraborty
Can one download GitDiagram locally and us it as CLI tool on any private repository ?