Since 8.3

The widget requires Webix Pro edition and can be purchased as part of any license pack.

What's New

Check Diagram What's New list to keep up with the latest updates.

API Reference



Webix Diagram is a powerful tool for developing robust charts based on hierarchical and arbitrary data structures. Comming as a successor of Organogram, the newcomer is extended with rich capabilities and allows users to:

  • build graphs of any complexity (flowcharts, ORG diagrams, decision trees, etc.)
  • automatically arrange elements on the diagram
  • provide fixed coordinates of all the elements
  • use built-it shapes and create custom ones
  • customize blocks and links
  • create independent graphs within a single view
  • build charts via interface with Diagram Editor.

Users can also perform all the CRUD, filtering and sorting operations with item blocks.


Configuring Diagram

Touches upon initializing Diagram and working with its configuration.

Working with Diagram

Describes general principles of working with Diagram main entities.

Diagram Editor User Guide

Describes the features of Diagram Editor from end user perspective.
Back to top