Kendo UI for jQuery Diagram Overview

The Diagram represents information in a schematic way and according to particular visualization techniques.

Kendo UI for jQuery Kendoka image

The Diagram is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Basic Configuration

To create a Diagram, use a div element and optionally set a height and width via CSS.

<div id="diagram"></div>

The following example demonstrates how to initialize the Diagram with its default configuration. The component will render an empty diagramming surface and the changes will be visible only in the resulting HTML.

   $(document).ready(function() {
       $("#diagram").kendoDiagram();
   });

To access the actual diagramming API, call the data() method.

 var diagram = $("#diagram").kendoDiagram().data("kendoDiagram");

Functionality and Features

See Also

In this article