Web Diagram (React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, ASP.NET MVC)
Runtime template refresh - Enables template-based content in the diagram to refresh dynamically. It supports refreshing specific or all applicable template instances after the underlying content, data, or rendering logic changes, without recreating the diagram, while preserving the existing model, geometry, selection, and interactions.
.NET MAUI Diagram (Preview)
The .NET MAUI Diagram control enables users to create interactive diagrams like flowcharts with customizable nodes and connectors. It provides rich editing features, user interactions, zooming, panning, and cross-platform support. Key Features:
Node: Create and customize diagram nodes using a wide range of predefined shapes, paths, and templates. Configure their dimensions, positioning, appearance, and interaction behavior to represent distinct entities within the diagram.
Connector: Establish relationships between nodes with straight or orthogonal connectors. Customize line segments, stroke styling, bridge crossings, and source/target decorators like arrows and circles.
Annotation: Add text labels and path annotations to nodes and connectors. Tailor text appearance, alignment, positioning, and wrapping to convey clear contextual information.
Port: Define explicit, customizable connection points on nodes to control precisely where connectors attach and route.
Symbol palette: Offer an interactive symbol palette housing reusable shapes, nodes, and connectors, enabling users to effortlessly drag and drop elements onto the diagram canvas.
Save and load: Serialize and persist diagram state as data to restore complete visual layouts across application sessions seamlessly.
Export and print: Export diagrams to common image formats for external sharing, or print them directly from the application.
Web Diagram (React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, ASP.NET MVC)
Entity relationship diagram - You can now design and visualize 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.
Improved Mermaid diagram persistence - Mermaid diagrams now 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.
Prompt to save changes - Users are now prompted 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.
Blazor Diagram
UML class diagram - 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.
Interaction with annotation - 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.
Hyperlink support for annotation - 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.