Web Diagram (JavaScript, Angular, React, Vue, ASP.NET Core, and ASP.NET MVC)
Built-in workflow designer
This built-in designer includes predefined workflow shapes, connectors, and workflow-specific editing capabilities. It enables faster development of business process and approval workflow applications with minimal customization.
Full Visio importing and exporting
Visio importing and exporting move from experimental to full support, preserving gradients, fills, line styles, connectors, rich text, hyperlinks, layers, annotations, ports, tooltips, page settings, and shape data. Swimlanes, containers, and BPMN shapes and flows can be imported from and exported to Visio files while preserving their structure, child elements, layout, and semantics. This enables reliable round-trip editing and the exchange of process and business flow diagrams with Microsoft Visio.
BPMN 2.0 XML import and export
Diagrams can be imported from and exported to standard BPMN 2.0 XML, including the semantic model and diagram interchange (DI) layout. This enables interoperability with other BPMN modeling tools and workflow engines, with unsupported elements and extensions handled gracefully.
Ruler measurements in centimeters, millimeters, and inches
Rulers can display measurements in centimeters, millimeters, and inches in addition to pixels. Gridlines and snapping align with the selected unit, making it easier to build precise, print-ready diagrams such as floor plans and technical drawings.
Blazor Diagram
Measurement unit support for rulers
Display ruler values in centimeters, millimeters, and inches in addition to pixels, with automatic updates during zooming and scaling for greater design precision.
Virtualization for large diagrams
Improve performance when working with large diagrams by rendering only visible elements. This enables smoother zooming, panning, scrolling, and interaction with complex diagrams containing thousands of nodes and connectors.
Entity relationship diagram (ERD) support
Design and visualize database schemas with built-in ERD support, including entities, attributes, keys, relationships, cardinality, editing capabilities, and ERD-specific interactions.
.NET MAUI Diagram
Automatic layout algorithms
This feature automatically arranges diagram elements into well-organized visual structures. It includes support for hierarchical layouts, organizational charts, radial trees, and mind map structures, eliminating manual positioning and ensuring neat, clear presentations of complex data structures.
Snapping and gridlines
Snapping provides precise alignment by snapping nodes and connectors to nearby objects or grid intervals during drag, resize, and draw operations. Combined with customizable background gridlines, it assists users in positioning elements accurately and maintaining visual consistency across the diagram surface.
Overview control
The overview control provides a comprehensive thumbnail preview of the entire diagram canvas. It allows users to quickly navigate, pan, and zoom through large and complex diagrams with an interactive viewport indicator, significantly enhancing navigation efficiency.
Grouping and container support
This feature enables users to combine multiple nodes and connectors into logical groups or structured containers. Grouping allows collective manipulation such as dragging, resizing, and rotating, while containers provide visual boundaries and structured organization for related diagram elements.
Swimlane diagrams
Swimlane support facilitates the visualization of business processes and workflows divided across functional departments or project phases. It offers structured horizontal and vertical lanes with customizable headers, phase dividers, and interactive card positioning for process mapping.
BPMN shapes
This feature introduces a standard set of Business Process Model and Notation (BPMN) shapes, including events, activities, gateways, data objects, and artifacts. It enables users to model industry-standard business workflows and compliance diagrams effortlessly.
Advanced connectors: Bezier and polyline
In addition to straight and orthogonal connectors, the diagram supports Bezier (curved) and polyline (multi-segment) connectors. These connector types offer greater flexibility for smooth, customized connection paths and aesthetic diagram routing.
Connector routing and line bridging
Connector routing automatically recalculates connector paths to avoid overlapping nodes, ensuring clean and unobstructed paths. Line bridging (line jumping) introduces bridge arches when connectors intersect each other, eliminating visual ambiguity and improving diagram readability.
Interactive drawing tools
Drawing tools empower users to interactively draw basic shapes, custom paths, and connectors directly on the diagram canvas via mouse, touch, or pen input, facilitating quick sketching and dynamic diagram creation.
User handles
User handles provide customizable contextual action buttons positioned directly around selected diagram elements. Users can execute common operations such as deleting, duplicating, connecting, or invoking custom commands with a single tap or click.
Context menu
The built-in context menu provides a rich, configurable right-click or long-press menu for quick access to frequently used diagram actions, such as cut, copy, paste, delete, grouping, ordering, and custom user-defined commands.
Diagram constraints
Constraints provide fine-grained control over user interactions and diagram behaviors. Developers can easily enable, disable, or restrict operations such as dragging, resizing, rotating, selecting, zooming, panning, and connecting at both the diagram and individual element levels.
WinUI Diagram
Diagram control (Preview)
The new WinUI Diagram control allows users to create, view, and interact with graphical diagrams easily in WinUI desktop applications. It offers rich capabilities for building interactive flowcharts, organizational charts, mind maps, and interactive diagrams with support for nodes, connectors, labels, selection, dragging, resizing, and customizable styling.
DISCLAIMER:
Syncfusion products are always changing. Syncfusion makes no representations or warranties of any kind that these features will be in this release or any future release of any Syncfusion product. Features and release builds can change without notice at the sole discretion of Syncfusion. The information provided on this page is only for the purpose of outlining intentions and ideas for future releases. In no way is the roadmap a guarantee, promise, or offer to provide any product or service. Moreover, the material provided is informational in nature and should not be relied on, in any manner, for the purposes of making any business decision.
Do you have a feature request? Post the details in the feedback portal.
