This sample visualizes building diagrams interactively and editing the saved diagrams. Symbol Palette is used to easily build diagrams.
This example shows how to drag-and-drop shapes and connectors from
symbol palette to build diagrams. You can save the diagram as text
files and edit the pre-saved diagrams. The saveDiagram{" "}
method can be used to save the diagram as string. The{" "}
loadDiagram method can be used to load the diagram from
a string. In this example, context menu and undo/redo features are
enabled.
Injecting Module
The diagram component’s features are segregated into individual
feature-wise modules. To enable undo/redo support, inject{" "}
UndoRedo module into services. To enable
context menu, inject DiagramContextMenu module into{" "}
services.