Progress Telerik UI for ASP.NET Core

ASP.NET Core Diagram

  • Create rich and interactive diagrams with ease using the ASP.NET Core Diagram component. Presenting or creating flowcharts, organizational, network, or any diagramming interfaces has never been easier. 
  • This control is part of the Telerik UI for ASP.NET Core suite along with 110+ fully-featured UI components designed to speed up delivery & improve every aspect of your workflow.
  • Manage each project and plan dev time accordingly using the public product roadmap, regular releases, extensive learning resources and outstanding technical support team.
Telerik UI for ASP.NET Core Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Telerik UI for ASP.NET Core Diagram component is designed to let you easily create diagrams for every use case scenario. With this component, you choose from various layouts and add custom shapes to create sophisticated organizational charts, clearly showing the dependencies between all employees and management. 
    Telerik UI for ASP.NET Core Diagram - Overview
  • Data Binding

    The Telerik UI for ASP.NET Core Diagram component provides a templating engine and a built-in DataSource. This lets you bind the component to remote data by specifying the DataSource option. 

    Read more about Diagram Remote Data Binding in our documentation
    Telerik UI for ASP.NET Core Data Binding
  • Editing

    The Diagram component can be edited by using the built-in functionalities, which include Rotate, Edit Text, Change Color, Undo and Redo. 

    Try editing the Diagram component

    Telerik UI for ASP.NET Core Diagram - Edit
  • Shapes

    You can add various shapes to the ASP.NET Core Diagram component to personalize its look. Use rectangles, circles or any other shape you prefer and further customize the component by changing the background of the shapes to match the style of your application.  

  • Layouts

    There are three built-in layouts specific to the ASP.NET Core Diagram component: 
    • Tree Down—organizes data in a hierarchical structure (often used as an organizational chart) 
    • Tree Up—illustrates a force-directed layout algorithm 
    • Tipover Tree—layered graph layout (could serve as a decision-making flowchart) 
    See the various ASP.NET Core Diagram layouts
    Telerik UI for ASP.NET Core Diagram - Layout
  • Export as PDF, Image or SVG

    Export the Diagram you have created to a PDF, PNG Image or and SVG file, directly from the browser. Customize its look to match the user’s requirements.  
    Telerik UI for ASP.NET Core Diagram - PDF Export
  • Powerful API

    The ASP.NET Core Diagram component can fire a variety of events when the users click, drag or select an item. The API functions of the control give you the option to add and remove shapes and connections, zoom/pan, etc.  

    Telerik UI for ASP.NET Core Events
  • Razor Pages

    The ASP.NET Core Diagram component is one of the many Telerik UI for ASP.NET Core controls that are supported in both MVC and Razor Pages applications. To view the complete list of Telerik components that you can plug in your ASP.NET Core Razor Pages projects, check out the documentation article or visit the Razor Pages examples in our GitHub project repository.
  • Theming

    The Diagram has 20+ built-in themes. You can easily customize any of the out-of-the-box themes with a few lines of CSS or create new themes to match your colors and branding with the Telerik SASS ThemeBuilder application. 

All ASP.NET Core Components

Get Started Waves

Next Steps

Launch demos

See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download Free Trial

Try Telerik UI for ASP.NET Core with dedicated technical support.