Visualize Your Project’s Architecture with a Dart Dependency Graph
I just built a tool that analyzes Dart/Flutter projects and generates an interactive dependency graph showing how your files import each other. It’s fast, runs locally (via a Dart CLI), and displays the results in a sleek browser-based UI using vis.js.
🟣 Features:
- Identifies unused files, entry points, and leaves
- Colored nodes (purple, orange, yellow, red) for clarity
- Graph builds from a JSON file — great for CI or static analysis
- Spinner and progress bar for large projects
🌐 Perfect for:
- Code reviews
- Refactoring
- Teaching modularity and clean architecture
- Integrating into tools like cm4git (my Git+Kanban+CM teaching app)
🎯 Next step: looking to expand this for other languages and plug it into educational or devops workflows.
👉 Curious to hear your thoughts. Would love feedback or collaboration ideas!
Now, watch me pull the used code out of the unused code in a repo:
This is a first strike. It gets all .dart files. It’s a dart exe, you run it outside your lib folder, it creates a json file, then you take the index.html and open it in a browser, select the json file and it graphs.
Here’s the exe and index.html:
https://drive.google.com/file/d/12pRhhBPDeKDfzsqBa6YTrRQDdrkuSrhN/view?usp=sharing
Here’s the repo if you want to build it yourself for mac…
