GitHub topics: angular-diagram-library
SyncfusionExamples/how-to-save-and-export-an-Angular-diagram
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.
Language: TypeScript - Size: 16.6 KB - Last synced at: about 1 month ago - Pushed at: 5 months ago - Stars: 0 - Forks: 1
SyncfusionExamples/how-to-customize-the-angular-diagram-and-its-elements
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.
Language: TypeScript - Size: 14.6 KB - Last synced at: about 1 month ago - Pushed at: 5 months ago - Stars: 0 - Forks: 1
SyncfusionExamples/how-to-add-and-customize-the-connectors-in-the-angular-diagram-component
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.
Language: TypeScript - Size: 18.6 KB - Last synced at: about 1 month ago - Pushed at: 5 months ago - Stars: 0 - Forks: 1
SyncfusionExamples/how-to-create-and-customize-ports-in-the-angular-diagram-component
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.
Language: TypeScript - Size: 15.6 KB - Last synced at: about 1 month ago - Pushed at: 5 months ago - Stars: 0 - Forks: 1
SyncfusionExamples/how-to-create-and-customize-nodes-in-the-angular-diagram-component
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.
Language: TypeScript - Size: 20.5 KB - Last synced at: about 1 month ago - Pushed at: 5 months ago - Stars: 0 - Forks: 1
SyncfusionExamples/how-to-create-a-mind-map-layout-using-the-angular-diagram
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.
Language: TypeScript - Size: 17.6 KB - Last synced at: about 1 month ago - Pushed at: 5 months ago - Stars: 0 - Forks: 1
SyncfusionExamples/how-to-group-nodes-and-connectors-in-the-angular-diagram-component
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.
Language: TypeScript - Size: 15.6 KB - Last synced at: about 1 month ago - Pushed at: 5 months ago - Stars: 0 - Forks: 1
fogielpiotr/CloudDeveloperDesigner
PoC "Infrastructure as a Diagram".
Language: C# - Size: 3.36 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0
