PoC "Infrastructure as a Diagram".
A quick start Angular project that shows how to customize the diagram canvas in the Angular Diagram component. This project includes code snippets for displaying page breaks and multiple pages in the canvas. It also includes code snippets for customizing the appearance of nodes and connectors and for bridging connectors.
A quick start Angular project that shows how to create a Mind map Layout using the Angular Diagram component. This project includes a code snippet to customize the nodes and connectors in the layout and change its orientation. It also contains code to align the layout using horizontal and vertical spacing, and to add expand and collapse icons.
A quick start Angular project that shows how to group nodes and connectors in an Angular Diagram component. This project includes code snippets to create and update groups dynamically. It also includes code snippets to add annotations to a group and create a nested group.
A quick start Angular project that shows how to create a node and different types of node shapes in an Angular Diagram. This project includes a code snippet to create a node programmatically and using the drawing tool. It also includes a code snippet to create different types of node shapes like text, image, path, HTML template, etc.
A quick start Angular project that shows how to create and add port nodes programmatically and dynamically. This project includes code snippets to add multiple ports and customize them dynamically. It also includes code snippets for customizing the appearance and position of the ports, as well as how to connect nodes using ports.
A quick start Angular project that shows how to save and export an Angular Diagram component. This project includes a code snippet to save and load the Diagram as a JSON string and file stream. It also includes a code snippet to export the Diagram in PNG format.
A quick start Angular project that shows how to add connectors in an Angular Diagram. This project includes a code snippet to add a connector programmatically and using the drawing tool. It also includes a code snippet to add different types of connector segments and decorator shapes.
Add a description, image, and links to the angular-diagram-library topic page so that developers can more easily learn about it.
To associate your repository with the angular-diagram-library topic, visit your repo's landing page and select "manage topics."