Syncfusion Feedback
Product Categories
Diagram SDK

Web Diagram

Supported in:
React Angular JavaScript TypeScript Vue ASP.NET Core ASP.NET MVC

Entity relationship diagram

This feature enables the design and visualization of database schemas directly within the diagram with built-in support for entities, attributes, and relationships. It supports creating ER diagrams, managing fields, defining relationships with cardinality, and dynamically adding, removing, or swapping fields for a more flexible and interactive modeling experience.

Entity Relationship Diagram

Improved Mermaid diagram persistence

This enhancement ensures that Mermaid diagrams retain their structure and syntax during save and load operations. It improves consistency and reliability for supported diagram types—flowcharts and UML sequence diagrams—with support for the latest Mermaid syntax. This ensures that diagrams are restored exactly as intended without syntax loss or misalignment.

Flowchart diagram UML sequence diagram

Prompt to save changes

This feature prompts users to save changes before performing actions such as navigating or refreshing the page. It helps prevent accidental data loss by raising awareness of unsaved changes and allowing users to choose whether to save or discard them as needed.

Prompt to save changes

Blazor Diagram

UML class diagram

This feature enables visual representation of the static structure of object-oriented systems using standard UML class diagram elements. It supports classes, interfaces, and enumerations, along with built-in connectors to define relationships such as association, aggregation, composition, inheritance, and dependency, making it easier to model and understand system architecture.

UML class diagram

Interaction with annotation

This feature enables interaction with diagram annotations through actions such as selection, dragging, rotation, and resizing. Interaction behavior can be enabled or customized using constraint settings, providing flexibility in controlling how annotations behave and improving the overall editing experience.

Interaction with annotation

This feature enables hyperlinks in annotations to be configured with flexible navigation options. It allows defining display text and controlling whether links open in the same tab or a new tab, improving usability and providing better control over navigation within diagrams.

Hyperlink support for annotation

Up arrow icon