Your search did not match any results.

Overview

Note that the Diagram widget is in the community technology preview (CTP) development stage.

The DevExtreme HTML5 JavaScript Diagram provides a visual interface to be used when you design new diagrams or modify existing ones. This control is available as a jQuery plugin and can be bound to external data. The Diagram provides more than 35 resizable shapes, which you can drag-and-drop onto a page. Shapes and connectors are highly customizable.

<link rel="stylesheet" type="text/css" href="https://unpkg.com/devexpress-diagram/dx.diagram.css" /> <script type="text/javascript"> $(function () { var diagram = $("#diagram").dxDiagram() .dxDiagram("instance"); $.ajax({ url: "https://js.devexpress.com/Demos/WidgetsGallery/JSDemos/data/diagram-flow.json", dataType: "text", success: function(data) { diagram.setData(data); } }); }); </script> <div id="diagram"></div> <script src="https://unpkg.com/devexpress-diagram/dx.diagram.js"></script>
using Microsoft.AspNetCore.Mvc; namespace DevExtreme.NETCore.Demos.Controllers { public class DiagramController : Controller { public IActionResult Overview() { return View(); } } }