Javascript Diagram Library
JavaScript diagram is a ready-to-use library for generating any diagrams you need in a few lines of code.
Visualize complex data in neat hierarchical structure with the help of automatic layout and live diagram editors.
JavaScript Diagram Library Features
Live Diagram and Org chart editors for a quick diagram arrangement
Group work with shapes (select, copy, move, delete)
Simple creation of custom shapes to suit your needs
Cross-browser support (IE11+)
Search feature
Template change while zooming
Export to PDF and PNG
Data import/export in JSON format
High performance with large datasets
Editable and non-editable modes
Auto layout (auto-placement) modes of org chart and diagram shapes
Expanding and collapsing shapes
Localization for Org chart and Diagram editors
Convenient API
Easy customization according to your needs
Create Any JS Diagram Shape with Simple Code
What You Can Do with DHTMLX JS Diagram Editor
Apply automatic diagram layout
Add any custom shapes you need
Export/import diagrams in JSON
Search for particular shapes
Preview your diagram while zooming
Why Choose DHTMLX JS / HTML5 Diagram?
DHTMLX Diagram is a JavaScript diagram library for adding beautiful and interactive diagrams to your web applications. Our diagramming library is created by software professionals who are successfully developing web tools for developers for ages.
High performance
Our JavaScript diagram framework will help you visualize data with any amount of nodes and connectors. The component is very lightweight and provides fast rendering and high performance. DHX Diagram js library works seamlessly in all modern web browsers: Google Chrome, Firefox, IE11+, Safari.
Ease of use
Due to the short learning curve, you can easily integrate this HTML5 diagram library in any web app. It's purely JavaScript with data loading in the JSON format and it can be flawlessly used with any server-side technologies. We also provide an export service to export your final org chart or diagram to PDF or PNG.
Flexible visualization
Our JavaScript diagram library enables creating both predefined and custom diagram types. You can use textual nodes, nodes with an image or mixed types of nodes in one diagram. All in all, there are more than 30 shapes for building any diagram type you need. Besides, you can add custom shapes with the help of HTML templates.
Convenient live editors
You can change the diagram appearance without coding in the edit mode. There're two types of editors available: for org charts and for other diagrams such as flowcharts, activity, block, tree diagrams, etc. Editors let you add, delete and customize all components on the fly. They also enable you to export diagrams in the JSON format.
JavaScript Diagram and Org Chart Editors
Creating diagrams and org charts takes just a couple of clicks in the editor mode. We've introduced two types of editors:
JavaScript diagram editor and org chart editor. Embed the editor in your app to let your users edit diagrams without coding in real time.
Rich JavaScript Diagram Editor
Create and edit flowcharts, activity diagrams, decision trees, block diagrams and other diagram types on the fly
Choose from a variety of diagram shapes and connectors to build the type of diagram you need
Style your JS diagram in a couple of clicks changing colors, sizes, text, and arrangement of shapes
Editor for Amazing Organization Charts
Build org charts with hierarchical structure to show who's on your team or how your company is organized
Change texts, colors, arrangement and sizes of org chart elements and apply your changes immediately
Add images to the cards of your team members to make your org chart look more vividly
DHTMLX Diagram Licensing
|
|
Commercial |
Enterprise |
Ultimate |
|
License Terms |
Read License Agreement |
Read License Agreement |
Read License Agreement |
|
Developers |
5 |
20 |
∞ |
|
Projects |
1 |
5 |
∞ |
|
SaaS |
－ |
? |
? |
|
Perpetual distribution rights |
? |
? |
? |
|
Support Plan |
Standard Support |
Premium Support |
Ultimate Support |
|
Time Period |
1 year |
1 year |
1 year |
|
Updates |
Minor & major updates Bug fixes
|
Minor & major updates Bug fixes
|
Minor & major updates Bug fixes Emergency bug fixes
|
|
Tickets |
10 |
30 |
∞ |
|
Response Time |
72h |
48h |
24h |
|
Personal Account Manager |
－ |
－ |
? |
|
Functionality |
Professional |
Professional |
Professional |
|
Online export to PDF/PNG without watermark |
1 year |
1 year |
Perpetual |
|
Free local PDF/PNG export module |
－ |
? |
? |