ng-dependency-graph icon indicating copy to clipboard operation
ng-dependency-graph copied to clipboard

Showing modules and components on the same graph

Open chiptus opened this issue 9 years ago • 9 comments

Great tool, very helpful to see my app this way. As the title says, would be really nice to see modules and components together, I really like to know how components from different modules connected to each others (through their modules of course)

Thanks!

chiptus avatar Nov 02 '15 13:11 chiptus

Hi @chiptus. Thank you for feedback. Idea seems very nice, but I'm not sure how that would look like..

Modules contain components, so to visualise it we'd have to draw some kind of containers (modules) for nodes (components).

With current implementation (force graph), I don't see how that could possibly work

filso avatar Jan 03 '16 13:01 filso

are you working with d3? I work with it on my project. If so, I'll try to think of a way

On Sun, Jan 3, 2016 at 3:17 PM Filip Sobczak [email protected] wrote:

Hi @chiptus https://github.com/chiptus. Thank you for feedback. Idea seems very nice, but I'm not sure how that would look like..

Modules contain components, so to visualise it we'd need some kind of containers (modules) for nodes (components).

With current implementation (force graph), I don't see how that could possibly work

— Reply to this email directly or view it on GitHub https://github.com/filso/ng-dependency-graph/issues/9#issuecomment-168497075 .

chiptus avatar Jan 03 '16 19:01 chiptus

Yes, it's d3. Thanks

filso avatar Jan 06 '16 10:01 filso

Was thinking of something similar to this: http://bl.ocks.org/GerHobbelt/3071239

I'll be happy to play with the code and PR when i implement it

On Wed, Jan 6, 2016 at 12:28 PM Filip Sobczak [email protected] wrote:

Yes, it's d3. Thanks

skype: fsobczak http://filso.net

On 3 January 2016 at 19:02, chiptus [email protected] wrote:

are you working with d3? I work with it on my project. If so, I'll try to think of a way

On Sun, Jan 3, 2016 at 3:17 PM Filip Sobczak [email protected] wrote:

Hi @chiptus https://github.com/chiptus. Thank you for feedback. Idea seems very nice, but I'm not sure how that would look like..

Modules contain components, so to visualise it we'd need some kind of containers (modules) for nodes (components).

With current implementation (force graph), I don't see how that could possibly work

— Reply to this email directly or view it on GitHub <

https://github.com/filso/ng-dependency-graph/issues/9#issuecomment-168497075

.

— Reply to this email directly or view it on GitHub < https://github.com/filso/ng-dependency-graph/issues/9#issuecomment-168531104

.

— Reply to this email directly or view it on GitHub https://github.com/filso/ng-dependency-graph/issues/9#issuecomment-169288363 .

chiptus avatar Jan 07 '16 12:01 chiptus

That looks very cool! Well done finding it. I don't see any reasons why it wouldn't work well. We'd probably have to sacrifice unsticking

Give it a go if you'd like, otherwise I'll take a look and implement it. Let me know if you need any help. I think it should be applied to "Modules" view

Thanks a lot for feedback and help!

filso avatar Jan 07 '16 17:01 filso

Ok, I finally have some time for this. I'm not sure where to start. we have both double click and click events used. maybe right click and choose show components?

and what is the procedure for testing on chrome? gulp build? or should it be ready when loading unpack?

chiptus avatar Feb 14 '16 05:02 chiptus

+1 for a feature This would be a huge helper in big angular projects

ramunsk avatar Feb 24 '16 10:02 ramunsk

hi @chiptus sorry I was on holiday in China and just read this. Have you done any work on this? Otherwise, I'll implement this soon - thanks a lot for idea and links to implementation!

As for your question - you can just run gulp to run all JS / CSS helpers with development server. It will start BrowserSync server on localhost:3000 which looks like page project: http://angularjs-graph.org/

filso avatar Mar 06 '16 18:03 filso

Hope you had fun :)

I didn't get to implement this. just cloned the repo and got back to work. sorry.

On Sun, Mar 6, 2016 at 8:18 PM Filip Sobczak [email protected] wrote:

hi @chiptus https://github.com/chiptus sorry I was on holiday in China and just read this. Have you done any work on this? Otherwise, I'll implement this soon - thanks a lot for idea and links to implementation!

As for your question - you can just run gulp to run helpers with development server

— Reply to this email directly or view it on GitHub https://github.com/filso/ng-dependency-graph/issues/9#issuecomment-192954159 .

chiptus avatar Mar 07 '16 04:03 chiptus