TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Ask HN: Anyone use a code to mindmap/flowchart tool?

103 pointsby Exorustabout 1 year ago
Is there any really good code to mindmap tool? So that it can take a large codebase and split it into a mindmap?

26 comments

luke-stanleyabout 1 year ago
For Python, Pyreverse is a subproject of Pylint and it can help make diagrams: <a href="https:&#x2F;&#x2F;pylint.readthedocs.io&#x2F;en&#x2F;latest&#x2F;pyreverse.html" rel="nofollow">https:&#x2F;&#x2F;pylint.readthedocs.io&#x2F;en&#x2F;latest&#x2F;pyreverse.html</a> It makes class diagrams, it can even output Mermaid diagrams.<p>Also I saw that Aider.chat makes a text &quot;repo map&quot; for GPT-4 to use using some tree-sitters. In the past, I ended up using the Python AST module with LLM&#x27;s to help me filter for what I was looking for.<p>I was happy to find out recently that there is a way to make Mermaid diagrams WYSIWYG &#x2F; drag and drop editable that the open source <a href="https:&#x2F;&#x2F;excalidraw.com" rel="nofollow">https:&#x2F;&#x2F;excalidraw.com</a> has and did I mention it&#x27;s open source!? With a LLM, you can go full loop back to Mermaid again after a few rounds of manual editing. &quot;What a time to be alive!&quot;<p>But what I would quite like is bi-directional syncing of code and diagrams. Just as looking at black and white code with no syntax highlighting is not so common, I think there are lots more visual cues and contexts we can integrate in clever ways that use our visual system better. There is a whole wide spectrum of augmentation possible within bidirectional visual programming languages, from auto-generating high level code maps with Mermaid diagrams with LLM generated high level summaries and emojis linking to different sub-systems, to being optionally able to have an X,Y position for a function, perhaps moved somewhere more visually convenient as part of a map.<p>You could probably ask Aider to make Markdown of code actually. I&#x27;m not affiliated, I just saw it on here recently. Cool stuff&#x27;s happening!
评论 #39506010 未加载
评论 #39496233 未加载
Exorustabout 1 year ago
I think my question was misunderstood (probably due to my poor explanantion).<p>I was looking for a tool that could convert a codebase into a mindmap. Sort of like: <a href="https:&#x2F;&#x2F;resources.jetbrains.com&#x2F;help&#x2F;img&#x2F;idea&#x2F;2023.3&#x2F;diagram_editor.png" rel="nofollow">https:&#x2F;&#x2F;resources.jetbrains.com&#x2F;help&#x2F;img&#x2F;idea&#x2F;2023.3&#x2F;diagram...</a><p><a href="https:&#x2F;&#x2F;www.jetbrains.com&#x2F;help&#x2F;idea&#x2F;class-diagram.html#analyze_class" rel="nofollow">https:&#x2F;&#x2F;www.jetbrains.com&#x2F;help&#x2F;idea&#x2F;class-diagram.html#analy...</a>
评论 #39493998 未加载
评论 #39494044 未加载
评论 #39494567 未加载
评论 #39494067 未加载
评论 #39497229 未加载
评论 #39494095 未加载
cashcacheabout 1 year ago
I’m working on this right now! The prototype for Python will be out in a few weeks. <a href="https:&#x2F;&#x2F;valla.ai" rel="nofollow">https:&#x2F;&#x2F;valla.ai</a>
评论 #39502681 未加载
评论 #39498988 未加载
itpccabout 1 year ago
I use Mermaid[1]. I used to use Visual Paradigm but it seems excessive (to me at least). Good enough for me, especially with integration into Markdown.<p>[1] <a href="https:&#x2F;&#x2F;mermaid.js.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;mermaid.js.org&#x2F;</a>
评论 #39494609 未加载
elesiutaabout 1 year ago
Are you looking for something like a call graph?<p>There&#x27;s pyan3 [1] which although doesn&#x27;t support python 3.7+, I&#x27;ve still had luck with v1.0.4 which works better for me than its most recent version with python 3.11, but there can be some weird issues though depending on your code style.<p>A quick search also turned up crabviz [2] which has support for more languages than just python.<p>[1] <a href="https:&#x2F;&#x2F;github.com&#x2F;Technologicat&#x2F;pyan">https:&#x2F;&#x2F;github.com&#x2F;Technologicat&#x2F;pyan</a><p>[2] <a href="https:&#x2F;&#x2F;github.com&#x2F;chanhx&#x2F;crabviz">https:&#x2F;&#x2F;github.com&#x2F;chanhx&#x2F;crabviz</a>
tarasglekabout 1 year ago
I originally wrote <a href="https:&#x2F;&#x2F;chatcraft.org" rel="nofollow">https:&#x2F;&#x2F;chatcraft.org</a> to help me generate <a href="https:&#x2F;&#x2F;mermaid.js.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;mermaid.js.org&#x2F;</a> charts quickly. As an accident this resulted in ability to do funny charts like <a href="https:&#x2F;&#x2F;twitter.com&#x2F;tarasglek&#x2F;status&#x2F;1656932246018748418" rel="nofollow">https:&#x2F;&#x2F;twitter.com&#x2F;tarasglek&#x2F;status&#x2F;1656932246018748418</a><p>Just last week I discovered <a href="https:&#x2F;&#x2F;github.com&#x2F;skanaar&#x2F;nomnoml">https:&#x2F;&#x2F;github.com&#x2F;skanaar&#x2F;nomnoml</a> which llms also seem to know too. It seems like a better mermaid for UML type stuff, intend to integrate it into chatcraft too
评论 #39494243 未加载
swozeyabout 1 year ago
I use UML quite a bit but it&#x27;s never really what I&#x27;m after, somnething more modern and fluid and gui driven that more people can use where I don&#x27;t have to manually input every single thing and it can pull in far more complex information like github repos and things of that nature.<p>Icepanel [1] looks really cool but I haven&#x27;t tested it and I&#x27;m not sure it really fits my use case. It seems like it&#x27;s mostly for api driven rpc&#x2F;grpc&#x2F;rest services when I kind of want to use it to visualize backend&#x2F;infra&#x2F;terraform sort of things in maybe a C4 style. A lot less microservices involved.<p>Might be interesting to you.<p>[1] - <a href="https:&#x2F;&#x2F;icepanel.io&#x2F;">https:&#x2F;&#x2F;icepanel.io&#x2F;</a><p>ANother cool tool for stuff like this I rarely see is swimm.io for documentation.
Zolomonabout 1 year ago
Would Mermaid[1] suffice?<p>[1]: <a href="https:&#x2F;&#x2F;mermaid.js.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;mermaid.js.org&#x2F;</a>
sprineabout 1 year ago
I wish something existed in this space. I used Coati Software&#x27;s Sourcetrail for a couple of years. Unfortunately it was discontinued. It was a wonderful piece of software that indexed a code repository, and exposed an interface to explore it interactively. At least for me, it significantly improved the understanding and legibility of code.<p>The code is in an archived state (<a href="https:&#x2F;&#x2F;github.com&#x2F;CoatiSoftware&#x2F;Sourcetrail">https:&#x2F;&#x2F;github.com&#x2F;CoatiSoftware&#x2F;Sourcetrail</a>). Searching for the software on Google shows some screenshots.
评论 #39495112 未加载
sandreasabout 1 year ago
I usually use mermaid.js...<p>From time to time I use svgbob[1]. Sometimes paired with textik[2] or asciiflow[3].<p>Together with markdown and termsvg[4] these also can be handy for documentation purposes.<p>1: <a href="https:&#x2F;&#x2F;ivanceras.github.io&#x2F;svgbob-editor" rel="nofollow">https:&#x2F;&#x2F;ivanceras.github.io&#x2F;svgbob-editor</a><p>2: <a href="https:&#x2F;&#x2F;textik.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;textik.com&#x2F;</a><p>3: <a href="https:&#x2F;&#x2F;asciiflow.com" rel="nofollow">https:&#x2F;&#x2F;asciiflow.com</a><p>4: <a href="https:&#x2F;&#x2F;github.com&#x2F;MrMarble&#x2F;termsvg">https:&#x2F;&#x2F;github.com&#x2F;MrMarble&#x2F;termsvg</a>
a1oabout 1 year ago
Not sure, I have used for non-continuous use the NDepend extension for visual studio to grasp a C++ code base in the past and then exported manually to inkscape to manually rearrange things in a readable way to come up with a single page codebase cheatsheet for easing the onboarding of new devs to a specific code base at work.<p>This is a legacy codebase that isn&#x27;t expected to change significantly.
wheelinsupialabout 1 year ago
What do you mean by mind map? What&#x27;s the objective of this exercise?<p>You may have better luck by searching for code to UML diagram generator. There are probably too many UML diagrams, but there are some ways to generate diagrams from the code. Once you have a diagram or two, you can probably simplify it into a mind map that you want to make.
Towaway69about 1 year ago
I use Node-Red to create my mind map. It&#x27;s a flow based programming environment, so my mind map is actually executable.<p>All flows are just very large json files (array of objects), so it&#x27;s easy enough to generate working flows that can be imported into Node-Red.<p><a href="https:&#x2F;&#x2F;nodered.org" rel="nofollow">https:&#x2F;&#x2F;nodered.org</a>
solardevabout 1 year ago
Jetbrains IDEs can generate a diagram of your code...<a href="https:&#x2F;&#x2F;www.jetbrains.com&#x2F;help&#x2F;idea&#x2F;class-diagram.html" rel="nofollow">https:&#x2F;&#x2F;www.jetbrains.com&#x2F;help&#x2F;idea&#x2F;class-diagram.html</a><p>I&#x27;ve never really understood the value of this, but it&#x27;s there.
westurnerabout 1 year ago
markmap: markdown + mindmap: <a href="https:&#x2F;&#x2F;markmap.js.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;markmap.js.org&#x2F;</a><p>On why code LLMs should be trained on the edges between tests and the code that they test, <i>that</i> could be visualized as a mindmap DAG with cycles
评论 #39493996 未加载
rlupiabout 1 year ago
A non-conventional mention and I am not sure how up to date it is, but I remember looking into <a href="https:&#x2F;&#x2F;moosetechnology.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;moosetechnology.org&#x2F;</a> a few years ago and it can do far more that you asked.<p>It&#x27;s open-source.<p>You can read more about it here: <a href="http:&#x2F;&#x2F;agilevisualization.com&#x2F;" rel="nofollow">http:&#x2F;&#x2F;agilevisualization.com&#x2F;</a>
mouratoglouabout 1 year ago
I&#x27;d recommend you to check <a href="https:&#x2F;&#x2F;appmap.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;appmap.io&#x2F;</a> a tool which creates diagrams from code execution or tests...
vunderbaabout 1 year ago
With the significantly larger context window of Gemini, it would be utterly unsurprising to me if you could paste in your entire repository, and ask it to generate mermaid UML.
评论 #39497079 未加载
alunchboxabout 1 year ago
I just use excalidraw for free form drawings. Might not be what you need, but the performance and utilities is perfect for my workflow
smusamashahabout 1 year ago
<a href="https:&#x2F;&#x2F;flowchart.fun" rel="nofollow">https:&#x2F;&#x2F;flowchart.fun</a> recently helped a lot with a project.
xz18rabout 1 year ago
MindManager (<a href="https:&#x2F;&#x2F;www.mindmanager.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.mindmanager.com&#x2F;</a>)
supershobuabout 1 year ago
You can try codetoflow.com, it doesn&#x27;t support full codebase but is good enough for single code files.
tmalyabout 1 year ago
It you have the data, it can be accomplished pretty easily with Graphviz, an open source graphing tool.
brendongeilsabout 1 year ago
<a href="https:&#x2F;&#x2F;athenaintelligence.ai" rel="nofollow">https:&#x2F;&#x2F;athenaintelligence.ai</a> our product renders mermaid markdown, which has mind map, ERD, flow diagram and other high level components. since we run everything through an agent&#x2F;llm it’s become an interesting way to literately brainstorm.
评论 #39496147 未加载
vanxvabout 1 year ago
why i cannot send ask
nipponeseabout 1 year ago
Sounds like AI’s killer app!