DevExtreme Angular Diagram
Create and customize interactive diagrams within Angular applications.
- Integrate diagramming capabilities directly into Angular projects.
- Bind diagrams to various data sources and customize shapes.
- Utilize extensive UI tools and templates for rich interaction.
Prices from:
| Available in | |
|---|---|
| DevExtreme Complete | Loading |
| DevExpress DXperience | Loading |
| DevExpress Universal | Loading |
| DevExpress VCL Subscription + | Loading |
Diagram Tools
Use built-in tools to manage layout, shape arrangement, zoom levels, history actions, and other diagram functionalities with easy to configure options.
Shape Templates
Create custom SVG templates for shapes to control their appearance and behavior, facilitating personalized diagram representations aligned with your application's needs.
Drag and Drop Interface
Facilitate intuitive user interaction with drag-and-drop capabilities for creating and connecting shapes, supported by auxiliary lines and snapping features for precision.
Data Binding
The component supports binding diagrams to various data sources, including linear arrays with defined keys and parent keys, enabling automatic rendering of nodes and relationships.
Templates
Customize toolbox shapes with templates to define how shapes appear in the toolbox, improving the user experience by presenting tailored shape options.
UI Tools Customization
Configure interactive components like context menus, property panels, toolboxes, and toolbars to customize the diagram editing experience.
Export and Import
Load and save diagrams in JSON format, and export visuals to image formats such as SVG, PNG and JPEG for integration or documentation purposes.
Responsive Design and Accessibility
Designed to support desktop and mobile devices with touch support and accessibility features that comply with standards for diverse user availability.
Product Compatibility
Review the details below to ensure this product is supported within your environment.
Component Type
- JavaScript
JavaScript Platform
- Angular
How to Buy
DevExtreme Angular Diagram is part of DevExtreme Complete which is also available in DevExpress Dxperience and DevExpress Universal subscriptions.
- Included80+ JavaScript Controls
- Included85+ ASP.NET Core Controls
- Included70+ ASP.NET MVC Controls
- Additional Features
- Not includedReporting
- Not includedCodeRush
- Not includedSource Code*
- Not includedPriority Support
- Additional Products
- Not included110+ ASP.NET WebForms Controls
- Not included70+ Blazor Controls
- Not included190+ WinForms Controls
- Not included130+ WPF Controls
- Not included20+ .NET MAUI (Mobile Controls)
- Not includedBusiness Intelligence Dashboard
- Not includedOffice File API
- Not includedXAF - Cross-Platform .NET App UI
- Not included.NET App Security API
- Not includedTestCafe Studio
- Included80+ JavaScript Controls
- Included85+ ASP.NET Core Controls
- Included70+ ASP.NET MVC Controls
- Additional Features
- IncludedReporting
- IncludedCodeRush
- IncludedSource Code*
- Not includedPriority Support
- Additional Products
- Included110+ ASP.NET WebForms Controls
- Included70+ Blazor Controls
- Included190+ WinForms Controls
- Included130+ WPF Controls
- Not included20+ .NET MAUI (Mobile Controls)
- Not includedBusiness Intelligence Dashboard
- Not includedOffice File API
- Not includedXAF - Cross-Platform .NET App UI
- Not included.NET App Security API
- Not includedTestCafe Studio
- Included80+ JavaScript Controls
- Included85+ ASP.NET Core Controls
- Included70+ ASP.NET MVC Controls
- Additional Features
- IncludedReporting
- IncludedCodeRush
- IncludedSource Code*
- IncludedPriority Support
- Additional Products
- Included110+ ASP.NET WebForms Controls
- Included70+ Blazor Controls
- Included190+ WinForms Controls
- Included130+ WPF Controls
- Included20+ .NET MAUI (Mobile Controls)
- IncludedBusiness Intelligence Dashboard
- IncludedOffice File API
- IncludedXAF - Cross-Platform .NET App UI
- Included.NET App Security API
- IncludedTestCafe Studio
DevExpress ASP.NET and Blazor, and JavaScript controls are also available as part of the DevExpress VCL+ Subscription.
About DevExpress
DevExpress, founded in 1998 and headquartered in Glendale, California, specializes in developer-focused UI components, libraries, and frameworks designed for .NET, Blazor, ASP.NET, WPF, WinForms, JavaScript, VCL (Delphi/C++Builder), and cross-platform environments. Its extensive product portfolio includes popular offerings such as DevExtreme for JavaScript UI, powerful reporting and dashboard solutions, CodeRush productivity extensions, and frameworks like XAF for rapid app development. DevExpress is known for delivering frequent updates, strong accessibility features, and a consistent developer experience, helping IT professionals build responsive, high-performance desktop, web, and mobile applications for a wide range of platforms.
As official and authorized distributors since 2001, ComponentSource supplies you with legitimate licenses directly from DevExpress.