Kendo UI for jQuery

jQuery Diagram

  • Create rich diagrams with the jQuery Diagram component. Presenting or creating flowcharts, organizational, network, or any diagramming interfaces is a breeze.
  • Part of the Kendo UI for jQuery library along with more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
_Original Kendoka_3
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The jQuery Diagram component is designed to let you easily create diagrams. 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.

    See the jQuery Diagram demo

    diagram-overview
  • Layouts

    Choose from three built-in layouts when designing your jQuery Diagram:

    1.     Tree Down—organizes data in a hierarchical structure (classic org chart)

    2.     Tree Up—illustrates a force-directed layout algorithm

    3.     Tipover Tree—layered graph layout (could serve as a decision-making flowchart)

    See the jQuery Diagram demo

    diagram-layout
  • Shapes

    You can add various shapes to the jQuery 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. 

    See the jQuery Diagram Shapes demo

  • Editing

    Allow your users to edit their diagrams by giving them a toolbar with functions such as Rotate, Edit Text, Change Color, Undo, and Redo.

    See the jQuery Diagram demo

    diagram-edit
  • Export to PDF, Image, 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. 

    See the jQuery Diagram demo

    diagram-export