Example of Shapes in Angular Diagram Component

This sample illustrates basic built-in shapes, such as basic shapes, flow shapes, and BPMN shapes.

Basic ShapesRectangleEllipseTrianglePlusStarPentagonHeptagonOctagonTrapezoidDecagonRightTriangleParallelogramFlow ShapesTerminatorProcessDecisionDocumentPredefinedProcessPaperTapeDirectDataDirectDataSortMulti-DocumentCollateSummingJunctionOrInternalStorageExtractManualOperationMergeOff-PageReferenceSequentialAccessStorageDataCardBPMN ShapesStartEventIntermediateEventEndEventGatewayTaskTransactionMessageDataObjectDataSourceGroupTextAnnotation
Description

This example shows how to define built-in shapes that are used to visualize geometric information, work flow, or a business flow diagrams. The type property of the shape allows you to choose the type of the shape.

Injecting Module

The diagram component’s features are segregated into individual feature-wise modules. To use the BPMN shapes, inject BpmnDiagrams module into @NgModule.providers section.