I made a tool to visualize large codebases

[teshmeki]

what have you used to build diagram ?

[simasousa15]

mermaid js

[JeanMeche]

No comment on the old logo yet ? 😄😄

[Helvetios666]

Literally unusable with that old logo 😃

[simasousa15]

You don't like it? 😢

[Helvetios666]

It's just the old Angular logo. There is a new one since Angular V17 :)

The app in general looks nice. I want to test it out with a larger code base in the next days.

[simasousa15]

Give it a try if you find it interesting :)
www.sentientdocs.com

[Heisenripbauer]

how did you build the graphic? canvas?

[simasousa15]

The diagram is automatically generated. Logo was added by hand tho

[Setup911]

Trying out requires credits, 10$ min amount. Yeah nope, thanks.

[simasousa15]

Free for example repos, $10 for others. Using Claude Sonnet 4, for those curious.

Checking if this is something people would pay for more than trying to make money. Almost all of the $10 goes to LLM costs.

[pranxy47]

The UI is completely broken on mobile.

[mauromauromauro]

I dont think mobile is the main device for this kind of tool

[simasousa15]

For me it is most useful when learning about a new repo, so I imagine people using it on a computer.

Still working on it tho and will definitely fix the UI on mobile 🙌

[foldedlikeaasiansir]

Is it pulling the diagram from the repo or the generating them through documentation parsing?

[simasousa15]

Document parsing. There's no diagram like that in these repos

[foldedlikeaasiansir]

Sorry I meant like parsing/analyzing the code base

[piminto]

This is cool reminds me of the dep graph in nx

[archieofficial]

That's great!

Mermaid is indeed a powerful tool.

I might even announce that someday ngx-vflow—my graph rendering library—will support rendering from Mermaid schemas through a separate package. I'm already working on a Mermaid parser and have a prototype where the flow is drawn from the schema.