Syncfusion ASP.NET Core Diagram

SyncfusionDiagramming Tools.NET

Create and edit interactive diagrams with rich visual features.

  • Visualize and manipulate complex diagrams including flowcharts and mind maps.
  • Supports data binding and automatic layout algorithms for optimal arrangement.
  • Responsive design ensures compatibility across desktop and mobile devices.
Syncfusion logo

Prices from:

Loading...
Available in
Syncfusion Essential Studio UI Component SuiteLoading
Syncfusion Essential Studio EnterpriseLoading
Syncfusion ASP.NET Core Diagram product image
Syncfusion ASP.NET Core Diagram is a feature-rich component designed for developers to build interactive diagrams such as flowcharts, organizational charts, and mind maps. It offers comprehensive editing capabilities, data binding features, and automatic layout algorithms to create visually organized and engaging diagrams across various devices.

Interactive Diagram Creation

Build and customize diagrams with a wide range of nodes and connectors, supporting flowcharts, BPMN shapes, mind maps, and organizational charts, facilitating detailed visual representation of processes and structures.

Automatic Layout Algorithms

Apply built-in layout algorithms like hierarchical tree, radial tree, and symmetric tree to automatically arrange nodes and connectors, improving readability and structural organization without manual positioning.

Data Binding

Bind diagrams to various data sources including JSON, RESTful services, and OData, enabling dynamic population and synchronization of diagram content based on external data with simple property settings.

Rich Interactive Editing

Enable runtime interactions such as panning, zooming, selecting, dragging, resizing, rotating, and undo/redo actions, enhancing user experience in diagram manipulation through mouse, touchscreen, or keyboard.

Customizable Nodes and Connectors

Design nodes with predefined shapes or custom templates, support embedding images, HTML, or SVG content, and customize connectors with different types, arrowheads, bridges, and styling options to represent relationships clearly.

Symbol Palette and Reusable Symbols

Use the SymbolPalette to access a gallery of reusable node and connector symbols, which can be dragged and dropped onto the diagram surface to accelerate diagram creation workflows.

Exporting and Printing Support

Export diagrams into various image formats such as PNG, JPEG, BMP, and SVG, and print directly from the browser with customization of page settings and diagram fitting options.

Accessibility and Localization

Support keyboard navigation for enhanced accessibility and provide globalization features that format dates, currencies, and numbers according to user locale preferences.

Responsive Design Across Devices

Adapt diagram layouts and interactions to work on desktops, tablets, and smartphones across operating systems including iOS, Android, and Windows.

Developer-Friendly APIs and Extensive Documentation

Offers comprehensive APIs for fine control over diagram behavior and appearance, complemented by detailed documentation, samples, and live demos to facilitate rapid development and integration.

Product Compatibility

Review the details below to ensure this product is supported within your environment.

Component Type

  • .NET

.NET Version

  • .NET 10 LTS
  • .NET 9 STS
  • .NET 8 LTS
  • .NET 5 / .NET Core 3.1

.NET Platform

  • ASP.NET Core Assembly
  • ASP.NET Core 3.1 Assembly

IDE Support

  • Visual Studio