Any Angular tools to visualise a project (large scale project )?

Question

I was wondering if I could receive some advice on visually representing a system built in VS with angular code controlling the font end.

I would ideally like to find something that can produce something similar to project dependency graph we find through VS ultimate tool or NDepend.

I know of quite a few .NET code and project visualisation tools, but am having a real struggle finding a suitable one for Angular JS

Is this a potential community project right here? Anyone want to collaborate on the/an approach as I believe this will help both existing developers and new developers to further grasp Angular and how it traverses systems on both the smaller and larger scales.

I would love to hear how others might have visually represented code dependencies in angular.

So. To conclude - Are there any existing tools to visualise angular dependencies in a project environment or does anyone want to collaborate to create one? Thanks for reading and hope this finds everyone well and in good health. Gruffy :)

Answer 1

Try the AngularJS Graph chrome extension : http://angularjs-graph.org/

My experience was that it "worked" out of the box, as in the visualisation rendered without any configuration on OSX. I am still coming to grips with how practically useful it is, but it certainly looks cool.