Library to Draw UML Diagrams in Angular 5

2,171 views
Skip to first unread message

Angular Learner

unread,
Jan 27, 2018, 5:56:10 AM1/27/18
to Angular and AngularJS discussion
Is there an Angular 5 based open source library available to draw UML diagrams? Please point to the resource. Thanks

Sander Elias

unread,
Jan 28, 2018, 3:17:12 AM1/28/18
to Angular and AngularJS discussion
Hi Learner,

I'm not aware of an angular specific solution. But it's not too hard to integrate something like mermaid into a project. If you take a look at the API you will see that it will not be too hard to wrap that into a component.

Regards
Sander

Minko Gechev

unread,
Jan 28, 2018, 2:58:37 PM1/28/18
to Angular and AngularJS discussion
Hello,

You can take a look at ngrev. It produces structural diagrams for your modules, providers, templates, etc. It has neat features such as:
  • Visualization of lazy-loaded modules
  • Export of diagrams to images
  • Fuzzy search (cmd/ctrl+p)
  • Breadcrumb navigation
  • Open your source code file with right-click on a symbol on the diagram
  • etc.
The diagrams are not compliant with the UML standard but can give you a pretty good understanding of the project's structure.

I hope this helps.

Best regards,
Minko

Minko Gechev

unread,
Jan 28, 2018, 2:59:22 PM1/28/18
to Angular and AngularJS discussion
Excuse me for the broken link. You can find ngrev here.
Reply all
Reply to author
Forward
0 new messages