Diagram

Since 8.3

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

API Reference

• Methods, properties and events

Samples

• Browse online samples
• Run package samples locally

Overview

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 Installing Diagram Creating Diagram on a Page	Touches upon initializing Diagram and working with its configuration.
Working with Diagram Arranging Blocks Working with Block Types Working with Links and Labels Diagram Editor	Describes general principles of working with Diagram main entities.
Diagram Editor User Guide Diagram Editor User Guide	Describes the features of Diagram Editor from end user perspective.

Back to top