Overview

DevExtreme ASP.NET Core Diagram is a control that provides a visual interface to be used when you design new diagrams or modify existing ones. It includes more than 40 resizable shapes, which you can drag-and-drop onto a page. Shapes and connectors are highly customizable.

See more Hide details

Prev Demo Next Demo

Was this demo helpful?

Thank you!

Feel free to share demo-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.

Send Feedback

Thank you!
We appreciate your feedback.

Backend API

@(Html.DevExtreme().Diagram().ID("diagram")) <script type="text/javascript"> $(function () { $.ajax({ url: "@Url.Content("~/SampleData/diagram-flow.json")", dataType: "text", success: function(data) { $("#diagram").dxDiagram("instance").import(data); } }); }); </script>

using DevExtreme.NETCore.Demos.Models.SampleData; using Microsoft.AspNetCore.Mvc; namespace DevExtreme.NETCore.Demos.Controllers { public class DiagramController : Controller { public IActionResult Overview() { return View(); } } }

#diagram { height: 900px; }