NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more

Javascript Diagram Library

JavaScript Diagram is a ready-made library for creating any kind of diagrams with the ability to automatically place tree-like data, as well as organize data with cyclic dependencies. In Diagram, you can define the shape of blocks and their style, and set up links between them.

diagram
1234

1. Block layout

  • automatic placement according to the specified links
  • flexible configuration of the automatic placement algorithm
  • placement at the specified coordinates

Advantages of Webix JavaScript Diagram

Integration with jQuery, AngularJS, Vue.js, React and third party libraries.

Meets Section 508

Support of all modern browsers

Quick styling with CSS

Ready for Touch Devices

Quick and smooth navigation

Advanced JS Diagram features for your JavaScript web apps

features-1

  • The ability to set the automatic width or height of the blocks.

features-2

  • The ability to select the shape of the diagram blocks from the suggested list, as well as add your own shape.

features-3

  • Ability to style blocks (background colors, rotation, text style, and alignment, etc.).

features-4

  • The ability to set different types of links, stylize lines, and draw them according to strictly defined coordinates.

features-5

  • Ability to create blocks for tree diagrams.

features-6

  • Ability to perform all CRUD operations (create, read, update, delete) with data elements.

features-7

  • Ability to filter the data of the diagram blocks.

features-8

  • The ability to edit blocks, resize, restyle and customize links, rotate blocks through the interface, pull lines and change their paths, create curving links, add labels, set arbitrary shapes to blocks.

JavaScript Diagram Gallery live demo

Webix Diagram Library licensing

License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
Custom Pack
Diagram Library
1
2 developers
Standard
30
Up to 48 hours
from $ 798
Customize
License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
Company Pack
All complex Widgets
1
Unlimited developers
Standard
30
Up to 48 hours
License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
DevTeam Pack
All complex Widgets
Unlimited projects
5 developers
Standard
30
Up to 48 hours
License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
Unlim Pack
All complex Widgets
Unlimited projects
Unlimited developers
Priority
Infinity
Up to 24 hours