Inspiration
Ever been handed a codebase with a million lines of code at work and asked to "figure it out"? We've all been there. Understanding the flow of logic can be difficult for large and complex code.
What it does
CodeVis aims to build intuitive flow diagrams of code based on the Mermaid. This makes it very easy for you to understand how to code works without even knowing the syntax of the particular language
How we built it
We took code as input from the client-server and sent it to the backend. The server communicates with an LLM chain to convert this code to mermaid and sends it to the client. The client finally renders the resulting chart.
Challenges we ran into
LLMs are inconsistent with their replies, often resulting in different charts for the same code. They can also fail to adhere to the Mermaid syntax which leads to invalid graphs.
Accomplishments that we're proud of
We were able to whip up a minimum viable product within a couple of hours with minimum rewrites.
What we learned
Even simple ideas are tough to implement correctly
What's next for CodeVis
We aim to make the charts more interactive, have the user enquire about its details, and maybe analyze dependancies in codebases.
Built With
- chatgpt
- docker
- flask
- javascript
- mermaid
- python
- react
Log in or sign up for Devpost to join the conversation.